这个问题,我在网上看了一下,几乎都是引入clipboard ,这个,然后来实现功能的,但是也有独特的,然后我感觉后面的比较好用,所以记录一下
我的效果图:
实现 ,点击复制,
代码如下:
<div class="pcLink font-common">
<el-row>
<el-col :span="6"> PC网站:</el-col>
<el-col :span="15"><a href="www.linshou.cdamai.com" target="_bank" id="inviteCode">www.linshou.cdamai.com</a></el-col>
<el-col :span="3"><el-button plain class="define-btn" @click="copy">复制</el-button></el-col>
</el-row>
</div>
methods:{
copy() {
var Url2 = document.getElementById("inviteCode").innerText;
var oInput = document.createElement("input");
oInput.value = Url2;
document.body.appendChild(oInput);
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
oInput.className = "oInput";
oInput.style.display = "none";
this.$message1("复制成功");
}
}
over