vue如何实现点击复制粘贴功能?

Question

点击复制按钮, 把当前绑定的值复制出来之后如何实现粘贴?

<button
  @click="copyOdd(items.id)"
>
  复制单号
</button>

copyOdd(val) {
  // val的值就是需要粘贴的内容, 下面该如何实现粘贴功能?
  Toast('复制单号');
},

Answer 1

用vue-clipboard2，老方便啦，你用上你就会爱上

Answer 2

<button
  @click="copyOdd(items.id)"
>
  <span ref="copy">复制单号</span>
</button>

copyOdd() {
    window.getSelection().removeAllRanges();
      let copyDOM = this.$refs.copy;
      let range = document.createRange();
      range.selectNode(copyDOM);
      window.getSelection().addRange(range);
      try {
        let successful = document.execCommand("copy");
        this.utilHelper.commonFn.toast(
          `${successful ? "复制成功" : "您的手机不支持自动复制，请手动复制~"}`
        );
      } catch (err) {
        console.log("Oops, unable to copy");
      }
      window.getSelection().removeAllRanges();
}

Answer 3

百度vue 复制粘贴都不会了吗

Answer 4

网上蛮多的，要勇敢的尝试呀

入口：https://www.cnblogs.com/ldlx-...