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