上传附件赋值的问题
来源:5-9 表单组件-完善表单上传逻辑
johnny_2008
2023-01-30
老师您好
在给表单的附件赋值时,课程是以下代码实现的
// 上传图片成功 给表单上传项赋值
let uploadItem = props.options.find((item) => item.type === "upload")!;
model.value[uploadItem.prop!] = { response, file, fileList };
有两个问题:
1、如果表单的上传附件是多字段,如 [{type:“upload”,prop:“pic”},{type:“upload”,prop:“pic2”}],此时 pic2
的值会赋值不上,
2、无法给上传附件赋初始值
看 element api 上传附件有 v-model:file-list
属性,可以给附件赋初始值,同时上传成功会更新上传的附件数据,请老师赐教
<el-upload
v-if="item.type === 'upload'"
v-model:file-list="model[item.prop]"
v-bind="item.uploadAttrs"
:on-preview="onPreview"
:on-remove="onRemove"
...
>
写回答
1回答
-
上传赋值必须给fileList这个属性,所以需要新增这个属性配置,在上传成功的回调给这个属性手动赋值 。
012023-01-31
相似问题