欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VUE 点击按钮复制input里的内容到剪贴板

程序员文章站 2022-05-14 22:56:54
...
<p>邀请码</p>
<p class="inviteCode" id = "inviteCode">{{invite_code}}</p>
<p class="copy" @click="copy">复制</p>
 
copy() {
      var Url2 = document.getElementById("inviteCode").innerText;
      var oInput = document.createElement("input");
      oInput.value = Url2;
      document.body.appendChild(oInput);
      oInput.select(); // 选择对象
      document.execCommand("Copy"); // 执行浏览器复制命令
      oInput.className = "oInput";
      oInput.style.display = "none";
      msg("复制成功");
    }