elementUI el-upload 上传 传参 自定义参数

elementUI el-upload 上传文件 自定义参数

很多场景下，页面使用到多个el-upload组件，这个时候element并没有提供类似this的这么个东西，钩子函数的回调里面定位不到当前组件，可以通过以下两种方式获取到当前组件。

方法一 : data传参

<el-upload
 :show-file-list="true"
  list-type="text"
  accept="image/*"
  :data="{index:index}">
  
  <el-button size="mini" type="primary">上传图片</el-button>
  
</el-upload>

方法二: :on-success="(res)=> handleSuccessImg(data, res)"

通过回调方式获取，将要传入的index值写进on-success方法里面，改成:on-success="(res)=> handleSuccessImg(data, res)"

 <el-upload
   :show-file-list="true"
    list-type="text"
    accept="image/*"
    :file-list="item.headImgList"
    :action="computedUploadImgUrl"
    :on-success="(value)=> handleSuccessImg(index, value)">
    
    <el-button size="mini" type="primary">上传图片</el-button>
    
  </el-upload>

本文源于blog.csdn.net/qq_37617413…

感谢观看~~