vue实现复制功能

最新推荐文章于 2024-09-09 11:08:24 发布

m0_47326413

最新推荐文章于 2024-09-09 11:08:24 发布

阅读量367

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/m0_47326413/article/details/105725443

版权

vue实现复制功能

查阅了一些资料后把这个简单的功能搞好啦

代码如下

	<a @click=copyUrl2("123“)>点击复制代码</a>

copyUrl2(url)
{
  	 var input = document.createElement("input");   // 直接构建input
	 input.value = url;  // 设置内容
	 document.body.appendChild(input);    // 添加临时实例
	 input.select();   // 选择实例内容
	 document.execCommand("Copy");   // 执行复制
	 document.body.removeChild(input); // 删除临时实例
	 alert('复制成功');
}