You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vue.js中FormKit多文件上传组件multiple属性失效问题求助

解决FormKit文件上传多选失效问题
  • 核心问题在于name属性的格式:FormKit的file组件需要通过数组格式的name(如file[])来启用多文件累加功能,仅设置multiple="true"只会触发单文件替换逻辑。

  • 修正后的代码:

<FormKit
  type="file"
  name="file[]"
  multiple="true"
/>
  • 可选:自定义文件列表展示
    如果需要可视化已选文件并支持删除,可以使用FormKit的files插槽:
<FormKit
  type="file"
  name="file[]"
  multiple="true"
>
  <template #files="{ files, removeFile }">
    <div v-for="(file, idx) in files" :key="idx" class="file-item">
      {{ file.name }}
      <button @click="removeFile(idx)">×</button>
    </div>
  </template>
</FormKit>

内容的提问来源于stack exchange,提问作者Mike Spitzer

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 05:23:11