vue 一键复制目标内容

98 阅读1分钟

方法:

  1. 在页面创建 input 元素(如果要实现文本换行的功能, 需创建 textarea 元素 )
  2. 对元素进行赋值
  3. 添加标签
  4. 利用文档对象的 execCommand 方法复制到粘贴板
  5. 删除创建元素

代码如下

copyInfo(data) {
      let copyInput = document.createElement("textarea"); // 创建标签
      copyInput.value = `企业名称:${data.companyName}\n\n承租人/所有人:${data.lesseeName}\n\n地址编号:${data.clusterAddress}`; // 标签赋值
      document.body.appendChild(copyInput); // 添加标签
      copyInput.select(); // 选取文本框内容
      document.execCommand("copy"); // 调用浏览器复制
      document.body.removeChild(copyInput); // 复制成功后再将构造的标签 移除
    },