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("复制成功"); }, }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?