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
相关产品推荐
相关产品推荐

