vue 2 上传文件

在Vue 2中，可以使用el-upload组件来实现文件上传功能。以下是一个示例代码：

<el-upload
  style="display: inline-block"
  :headers="{ token: token }"
  action="http://192.168.0.123:8084/file/upload"
  :on-success="handleSuccess"
  :data="{ businessId: scope.row.id, type: 5, userId: userId }"
>
  <button class="btn6" slot="trigger"></button>
</el-upload>

在上述代码中，el-upload组件是用来上传文件的。通过设置样式`style="display: inline-block"`，可以让它与其他按钮在同一行显示。上传文件的接口地址是`action="http://192.168.0.123:8084/file/upload"`。同时，还需要传递一个token，这个token可以从sessionStorage中获取并赋值给data的token字段，然后在请求头中传递`headers="{ token: token }"`。除了上传的文件，还需要上传其他必须的参数，如businessId、type和userId，可以通过data属性传递`data="{ businessId: scope.row.id, type: 5, userId: userId }"`。如果el-upload标签中有多个按钮，需要给指定的上传按钮添加`slot="trigger"`来触发上传功能。

另外，在上传成功后，可以自定义显示上传成功的信息。可以在handleSuccess回调函数中添加逻辑来处理上传成功后的操作。例如，可以使用`this.$message`方法来显示一个成功的提示信息，并重新加载数据。

关于更多关于el-upload组件的使用，你可以参考Element UI官方文档中的上传组件部分：[https://element.eleme.＊＊＊＊＊＊<span class="em">1</span><span class="em">2</span><span class="em">3</span>