需求背景：整个系统禁止复制，列表页操作栏新增按钮来复制数据列的手机号功能
感受下是怎么回事？看下效果
（GIF有点点烂）??
实现思路：
这个是设置全局的禁止复制功能
此处设置了一个input标签，（有个坑，该标签必须要显示，才能选中复制，所以我做了隐藏在背景后面的处理），其实还是显示在页面上只不过被覆盖在底部看不到，列表的复制，我把点击列的值重新赋值到该input标签，再去选中复制
show code
<el-tooltip class="item" effect="dark" :open-delay="1" content="复制手机号" placement="top"> <el-button icon="el-icon-tickets" @click="handcopy(scope.row)" size="mini"></el-button> </el-tooltip>
handcopy(row){
this.copyvalue = row.userPhone
this.$nextTick(function () {
let Url2=document.getElementById("personcopy");
Url2.select(); // 选择对象
document.execCommand("Copy");
this.$message.success(‘复制成功‘)
})
}
原文：https://www.cnblogs.com/jason-hhc/p/11425722.html