Javascript

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项目点击复制内容(我这里百分之百能用,而且不需要引入插件)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!