el-upload上传组件的使用及传参

我的需求是将这个上传功能放在表格的操作栏里,就是表格每行都有一个上传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>

就酱~

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值