实现点击按钮复制输入框信息

最新推荐文章于 2022-08-22 16:08:03 发布

LuckilyMyGirl

最新推荐文章于 2022-08-22 16:08:03 发布

阅读量210

点赞数 2

文章标签： elementui vue.js

本文链接：https://blog.csdn.net/weixin_52651045/article/details/120697380

版权

本文介绍了如何在Vue项目中创建一个按钮，该按钮具有点击事件COPYURL，用于复制文本。通过JavaScript代码动态创建input元素，设置其value属性，选中文本并调用execCommand('copy')来实现复制到剪贴板的功能。

摘要由CSDN通过智能技术生成

创建一个按钮, 添加点击事件COPYURL

<el-button @click="copyUrl('我是复制的信息')">复制</el-button>

JS代码部分

copyUrl(val) {
  const input = document.createElement("input");
  document.body.appendChild(input);
  input.setAttribute("value", val);
  input.select();
  if (document.execCommand("copy")) {
    document.execCommand("copy");
  }
  document.body.removeChild(input);
}