背景:鼠标点击直接复制内容,减少用户操作
实现代码如下:
就可以实现点击复制的功能啦
// 复制模板id内容
copyRowId(val) {
// 模拟 输入框
var cInput = document.createElement("input");
cInput.value = val;
document.body.appendChild(cInput);
cInput.select(); // 选取文本框内容
// 执行浏览器复制命令
// 复制命令会将当前选中的内容复制到剪切板中(这里就是创建的input标签)
// Input要在正常的编辑状态下原生复制方法才会生效
document.execCommand("copy");
this.$message({
type: "success",
message: "复制成功",
});
// 复制成功后再将构造的标签 移除
document.body.removeChild(cInput);
},