给elementUI事件回调函数增加自定义参数

   举例:上传头像成功的回调函数,没有自定义的index
   改变 :通过在回调函数里定义自己的参数的形式来保留默认参数,同时也可以自己传参数
   :on-success="(res,fileList)=>handleAvatarListSuccess(res,fileList,index)"
   // res,fileList是:on-success的两个默认参数,index是自定义参数
<el-upload
     v-for="(item,index) in 5" :key="item"
      class="avatar-uploader"
       action="/api/v1/sp-file"
       :headers="{'Authorization':authorization}"
        :show-file-list="false"
         :on-success="(res,fileList)=>handleAvatarListSuccess(res,fileList,index)"
        :on-error=handleAvatarErr
         :before-upload="beforeAvatarUpload">

js中

       handleAvatarListSuccess(res: any, fileList: any, index: any) {
            // console.log(fileList, index);
            this.$set(this.imageUrlList, index, fileList.response.url);
            this.$message({
                type: 'success',
                message: '上传成功!'
            });
        }
  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值