上传附件赋值的问题

来源: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回答

五月的夏天

2023-01-31

上传赋值必须给fileList这个属性,所以需要新增这个属性配置,在上传成功的回调给这个属性手动赋值 。

0
1
johnny_2008
非常感谢!
2023-01-31
共1条回复

基于Vue3+Vite+TS,二次封装element-plus业务组件

集成大量实际样例,系统掌握前沿技术栈与二次组件库封装能力

447 学习 · 185 问题

查看课程