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("复制成功");
         },
}

 

posted @ 2022-01-04 02:06  79524795  阅读(114)  评论(0编辑  收藏  举报