Vue - el-upload 组件在 on-success 文件上传成功的钩子中传递更多参数

ElementUI Upload 上传官网：https://element.eleme.cn/#/zh-CN/component/upload

在ElementUI官网中upload组件的on-success的钩子中，只能传递 response, file, fileList 这三个参数，如果想要传递更多的参数该怎么解决？

解决方法：

on-success 绑定一个定义在 methods 中的方法，调用一个匿名函数，将需要用到的信息参数传递进去。然后在匿名函数内部中，再通过返回值调用一个函数的形式，将信息参数传递过去。

<el-table-column
  label="附件"
  align="center"
  show-overflow-tooltip
>
  <template slot-scope="scope">
    <el-upload
      :action="baseUrl"
      :headers="config"
      :file-list="fileList"
      :on-success="
        (response, file, fileList) => {
          return handleSuccess(response, file, fileList, scope.row);
        }
      "
    >
      <el-button type="text">点击上传</el-button>
    </el-upload>
  </template>
</el-table-column>

// 文件上传成功时的钩子
handleSuccess(response, file, fileList, rowInfo) {
  console.log(response, file, fileList, rowInfo);
},

最后

以上就是完美柜子为你收集整理的Vue - el-upload 组件在 on-success 文件上传成功的钩子中传递更多参数的全部内容，希望文章能够帮你解决Vue - el-upload 组件在 on-success 文件上传成功的钩子中传递更多参数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。