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 @   79524795  阅读(122)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示