首页 > 其他 > 详细

vue项目中,点击按钮复制其内容

时间:2019-10-05 11:00:17      阅读:551      评论:0      收藏:0      [点我收藏+]
<el-table-column label="推广链接" align="center">
    <template slot-scope="scope">
        <el-button size="mini" type="infor" class="copy" data-clipboard-action="copy" :data-clipboard-text="‘http://investor.jie360.com.cn/register/?key=‘+scope.row.registerUrl" @click="copyUrl">点击复制</el-button>
    </template>
</el-table-column>
copyUrl(){
            let _this = this;
     let clipboard = new this.clipboard(".copy");
     clipboard.on(‘success‘, function () {
       _this.$message({
                 message:‘复制成功!‘,
                 type:‘success‘
             })
     });
     clipboard.on(‘error‘, function () {
                _this.$message.error("复制失败!")
     });
    },

 技术分享图片

 

vue项目中,点击按钮复制其内容

原文:https://www.cnblogs.com/WangXinPeng/p/11624061.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!