ElementUI中el-upload上传图片组件上传成功函数传自定义参数

1.在做添加试题时,要给每一个试题选项上传图片,需要把每个图片存储的位置与选项 对应,
需要向函数传递一个自定义的参数来表示图片存的位置,可是发现上传成功的函数无法传自定义的参数
官方文档:

在这里插入图片描述
2.通过查资料了解到一种方式 :on-success="(res,file)=>{handleAvatarSuccess(item,res,file)}"这样就可以传自定义的参数了

 <el-upload
            class="avatar-uploader uploadImg"
            :show-file-list="false"
            action="https://jsonplaceholder.typicode.com/posts/"
            :headers="{
    
    'Authorization':'Bearer '+ token}"
           :on-success="(res,file)=>{
    
    handleAvatarSuccess(item,res,file)}"
          > 
            <img v-if="item.img" :src="item.img" class="avatar">
            <i v-else class=" avatar-uploader-icon"> 上传图片</i>
              <i class="el-icon-circle-close"></i>
          </el-upload>

猜你喜欢

转载自blog.csdn.net/qq_45894929/article/details/109492050