vue中怎么实现复制操作？

本文章以两种方式来实现

方法一：插件Clipboard

  <div>
            <el-tooltip :content="array.a" placement="top">
              <span>
                <span>{{array.a }}</span>
                &nbsp;&nbsp;
                <i
                  class="el-icon-document-copy"
                  @click="copyBtn"
                  :data-clipboard-text="array.a"
                ></i>
              </span>
            </el-tooltip>

</div>
import Clipboard from "clipboard";
  copyBtn() {
      var clipboard = new Clipboard(".el-icon-document-copy");
      clipboard.on("success", (e) => {
        // 释放内存
        this.$notify({
          message: "复制成功",
          type: "success",
        });
        clipboard.destroy();
      });
      clipboard.on("error", (e) => {
        // 不支持复制
        console.log(e);
        console.log("该浏览器不支持自动复制");
        // 释放内存
        clipboard.destroy();
      });
    },

方法二：

<div>
              <span>{{array.a}}</span>
              <img
                src="@/assets/image/copy.png"
                data-clipboard-text="随便些什么，没有内容时，默认复制这个"
                @click="copy(array.a)"
                alt=""
              />
 </div>
 // 复制
    copy(val) {
      const input = document.createElement("input"); //创建input
      input.setAttribute("value", val); //把input设置value
      document.body.appendChild(input); //添加这个dom对象
      input.select(); //选中该输入框
      document.execCommand("copy"); //复制该文本
      document.body.removeChild(input); //移除输入框
      Message.success("复制成功");
    },