Vue点击复制文本到剪切板

最新推荐文章于 2025-03-22 16:50:53 发布

原创最新推荐文章于 2025-03-22 16:50:53 发布

· 437 阅读

1 ·

版权

文章标签：

#vue.js #javascript #前端

这段代码展示了如何在Vue中实现点击复制功能。通过监听`copy`事件，设置剪切板数据，并调用`document.execCommand(copy)`来复制文本。成功复制后，使用通知组件显示成功消息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue点击复制：

  	/**
     * 点击复制
     * */

    copyLinkM() {
      var save = function (e) {
        e.clipboardData.setData(
          "text/plain",
          "asdkjasdlkjaldsus%%SDKAD%SDA%DASD%Aasdkjasdlkjaldsus%%SDKAD%SDA%DASD%A%%SDKAD%SDA%DASD%A"
        );
        e.preventDefault();
      };
      document.addEventListener("copy", save);
      document.execCommand("copy");
      document.removeEventListener("copy", save);
      this.$notify.success({
        title: "成功",
        message: "复制成功",
      });
    },