js实现点击按钮复制内容

<img src="./images/copy.png" @click="copyUrl" />

    copyTextArea() {
      const shareUrl = "http://www.xxx.com";
      const textarea = document.createElement("textarea");
      textarea.value = shareUrl;
      // 将textarea添加到文档中
      document.body.appendChild(textarea);
      // 选中textarea中的文本
      textarea.select();
      try {
        // 尝试复制选中的文本
        const successful = document.execCommand("copy");
        if (successful) {
          this.$toast("复制成功！");
        }
      } catch (err) {
        this.$toast(
          "复制失败，请尝试打开浏览器剪切板读取权限，或复制浏览器页面地址进行分享"
        );
      }
    },
    // 复制链接
    copyUrl() {
      const shareUrl = "http://www.xxx.com";
      // 创建textarea元素
      if (navigator.clipboard) {
        navigator.clipboard
          .writeText(shareUrl)
          .then(() => {
            this.$toast("复制成功！");
          })
          .catch(() => {
            this.copyTextArea();
          });
      } else {
        this.copyTextArea();
      }
    },