Vue Copy 文本内容。适用于微信浏览器

218 阅读1分钟

HTML

      <span @click="copyArea('asdasdas')">点击复制</span>

JS

      copyArea(e: string) {
          // console.log(e)
          const input = document.createElement("input"); // 直接构建input
          input.setAttribute("hidden", "true"); // 移动端需要加上 不然键盘会自动弹窗
          input.value = e; // 设置内容
          document.body.appendChild(input); // 添加临时实例
          input.select(); // 选择实例内容
          document.execCommand("Copy"); // 执行复制
          if (document.execCommand("Copy")) {
            console.log("复制成功");
          } else {
            console.log("复制失败,请重试。");
          }
          document.body.removeChild(input); // 删除临时实例
        }