element ui 表格点击复制链接地址

最新推荐文章于 2024-06-20 16:42:38 发布

小白兔12345678

最新推荐文章于 2024-06-20 16:42:38 发布

阅读量784

点赞数

分类专栏：前端文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/m0_58373910/article/details/122880405

版权

前端专栏收录该内容

10 篇文章 1 订阅

订阅专栏

///*模版部分*/
<el-table-column prop="url" align="center" label="连接地址">
                    <template slot-scope="scope">
                        <div @click="handelCopy(scope.row.url)">{{scope.row.url}}</div>
                    </template>
</el-table-column>


/*js部分*/

 //复制链接
        copy(data) {
            let url = data;
            let oInput = document.createElement('input');
            oInput.value = url;
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象
            document.execCommand('Copy'); // 执行浏览器复制命令
            this.$message({
                showClose: true,
                message: '复制成功',
                type: 'success'
            });
            oInput.remove();
        },
        handelCopy(url) {
            this.copy(url);
        },