VUE项目点击复制内容（我这里百分之百能用，而且不需要引入插件）

本文主要是介绍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("复制成功");
         },
}

这篇关于VUE项目点击复制内容（我这里百分之百能用，而且不需要引入插件）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！