点击复制

点击按钮或指定位置后将数据复制到剪贴版,避免手动复制

核心方法是

document.execCommand("Copy");

但是这个是需要文字被选中时才可以复制成功

所以第二个方法就是创建一个input后再自动选择内容,实现复制功能

<el-button type="primary" plain @click="copy(dataUrl)">选中文字后复制</el-button>

 dataUrl='ascnscbudsb',

methods: {
// 选中文字后复制
selectCopy() {
document.execCommand("Copy"); // 执行浏览器复制命令
this.$message({
message: '复制成功',
type: 'success'
});
},
// 点击复制
copy(data) {

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