vue中实现浏览器的复制功能

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

点击复制，就可以实现copy

<p class="inline-block">
  <span >{{fenxiao.appSecret}}</span>
  <span style="color: #0000FF;cursor: pointer" @click="copyAppSecret">复制</span>
</p>

copyAppSecret() {
      let createInput = document.createElement("input");
      createInput.value = this.fenxiao.appSecret;
      document.body.appendChild(createInput);
      createInput.select(); // 选择对象
      document.execCommand("Copy"); // 执行浏览器复制命令
      createInput.style.display = "none";
      this.$message({ message: "复制成功", type: "success" });
    },

网上说的那种
let tt=document.getElementById("xxxx")

tt.select(); // 选择对象 

 document.execCommand("Copy"); // 执行浏览器复制命令 

这种不行

文本是没有select方法的，input才有 所以要先创建input元素，在添加值，在赋值，

亲测有效，换成el-input就能行

以上是 vue中实现浏览器的复制功能 的全部内容， 来源链接： utcz.com/z/378799.html

回到顶部