clipboard 在 vue 项目中，on 事件监听回调多次执行

clipboard 定义一个全局变量

 

import ClipboardJS from "clipboard";
if(clipboard){
   clipboard.destroy();
}

clipboard = new ClipboardJS(".copyLink");
clipboard.on("success", () => {
        console.log(1);
        this.$message.success("复制成功");
      });
clipboard.on("error", () => {
        this.$message.fail("复制失败");
      });

　　

在 clipboard = new ClipboardJS(".copyLink"); 执行前做销毁判断，避免多次监听。.copyLink 目标元素 class