點擊復制

點擊按鈕或指定位置后將數據復制到剪貼版,避免手動復制

核心方法是

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()
}
}