html
<div id='loginAddress'>{{copyContent}}</div>
<button type="info" @click="copy(copyContent)">一键复制</button>
js
data : {
copyContent:'我要复制的内容',
},
methods: {
copy(data) {
const copyContent = data;
// 创建input标签存放需要复制的文字
const inputTag = document.createElement("input");
// 把文字放进input中,供复制
inputTag.value = copyContent;
document.body.appendChild(inputTag);
// 选中创建的input
inputTag.select();
// 执行复制方法, 该方法返回bool类型的结果,告诉我们是否复制成功
const copyResult = document.execCommand("copy");
// 操作中完成后 从Dom中删除创建的input
document.body.removeChild(inputTag);
// 根据返回的复制结果 给用户不同的提示
if (copyResult) {
console.log("复制成功!"); // 自己定义的提示语
} else {
console.log("复制失败!"); // 自己定义的提示语
}
},
},