vue中点击,将内容复制到剪贴板
一,实现效果二,实现思路三,完整代码://复制地址的操作copyText(){var input = document.createElement("input");// js创建一个input输入框input.value = this.ruleForm.url;// 将需要复制的文本赋值到创建的input输入框中,this.ruleForm.url这个是我要复制的内容document.body.
·
一,实现效果
二,实现思路
三,完整代码:
//复制地址的操作
copyText(){
var input = document.createElement("input"); // js创建一个input输入框
input.value = this.ruleForm.url; // 将需要复制的文本赋值到创建的input输入框中,this.ruleForm.url这个是我要复制的内容
document.body.appendChild(input); // 将输入框暂时创建到实例里面
input.select(); // 选中输入框中的内容
document.execCommand("Copy"); // 执行复制操作
document.body.removeChild(input); // 最后删除实例中临时创建的input输入框,完成复制操作
this.$message({
message: '复制成功',
type: 'success'
});
},
更多推荐
已为社区贡献18条内容
所有评论(0)