element-ui upload组件 on-success事件 传自定义参数

背景

项目中需要上传轮播图,每个轮播图需要自己上传文件和其他配置信息。
通过on-success钩子函数来对文件列表进行控制,需要知道当前操作文件列表的序号,这就需要添加一个index的自定义参数

html

<el-form-item v-for="(banner, index) in formBannerList" label="">
  <el-upload
      class="avatar-uploader"
      action=""
      :show-file-list="false"
      :file-list="formBannerList"
      :on-success="(response,file, fileList)=>uploadBannerSuccess(response,file, fileList, index)"
      :before-upload="beforeBannerUpload">
    <img v-if="banner.file_url" :src="banner.file_url">
    <i v-else class="el-icon-plus avatar-uploader-icon flex-cc"></i>
  </el-upload>
</el-form-item>

js

formBannerList: [
  {
    
     file_url: '',
     jump_type: '',
     jump_url: '',
     serial_number: 1,
  }
],
uploadBannerSuccess(res,file, fileList, index){
  let fileUrl = URL.createObjectURL(file.raw);
  this.formBannerList[index].file_url = fileUrl;
},
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容