VUE项目点击复制内容(我这里百分之百能用,而且不需要引入插件)
VUE项目,直接上代码,不需要引入插件!直接复制
上面部分:
<div id="copyVal" class="abc" @click="copywxtap" ref="copytext" > {{weidian}} </div> <div class="recharge_fs"> <div class="tit" > <center @click="copywxtap" > 点击复制连接 </center> </div> </div>
方法:
methods: { copywxtap() { this.copyContent = this.$refs.copytext.innerText;//也可以直接写上等于你想要复制的内容 var input = document.createElement("input"); // 直接构建input input.value = this.copyContent; // 设置内容 console.log(input.value); document.body.appendChild(input); // 添加临时实例 input.select(); // 选择实例内容 document.execCommand("Copy"); // 执行复制 document.body.removeChild(input); // 删除临时实例 alert("复制成功"); }, }