vue clipboard 点击复制

第一步：

下载依赖：

npm install clipboard --save

第二步：

导入使用

  <el-button
      type="parimy"
      @click="copy"
      class="publicKeyCopy"
      data-clipboard-text="复制的内容" >
      一键复制
  </el-button>

import Clipboard from "clipboard";

  methods: {
   // 一键复制
    copy() {
      let clipboard = new Clipboard(".publicKeyCopy");
      clipboard.on("success", (e) => {
        console.log("复制成功");
        // 释放内存
        clipboard.destroy();
      });
      clipboard.on("error", (e) => {
        // 不支持复制
        console.log("该浏览器不支持自动复制");
        // 释放内存
        clipboard.destroy();
      });
    },

}

注意：new Clipboard的时候Clipboard首字母大写，否则会报错