我的需求是将这个上传功能放在表格的操作栏里,就是表格每行都有一个上传logo按钮(我这里就用官网的在线运行实例写一下):
用到了这个上传组件,代码如下:
<el-table-column
fixed="right"
label="logo"
width="120">
<template slot-scope="scope">
<el-upload
class="importBtn"
:action="apiUrl + '/scdfcx/uploadLogo'" // 上传接口路径、apiUrl 是我的接口基本地址baseUrl
:data="{id: scope.row.id}" // 这是上传接口的额外参数
:show-file-list="false"
:on-success="upSuccess" // 这个函数的回调是你这个上传接口的返回的成功信息,可以用来提示用户
>
// 里面包一个按钮
<el-button plain type="danger" >LOGO
<i class="el-icon-upload"></i>
</el-button>
</el-upload>
</template>
</el-table-column>
就酱~