1. 程式人生 > >Clipboard.js 跳出多次複製成功的問題及其解決

Clipboard.js 跳出多次複製成功的問題及其解決

 本人用的vue.js

基本使用

參考

https://clipboardjs.com/         

自己的程式碼


問題 

首先第一次進來點選 複製按鈕 彈出提示 複製成功 這是沒問題的,但是返回上級介面再次進來的時候 再次點選複製的時候會 彈出兩次複製成功 ,據我

實踐總結這是因為第一次來 this.clipboard= new Clipboard('.acctnobtn')的時候例項化了一次,返回上級介面第二次再次進入

這一介面的時候又this.clipboard= new Clipboard('.acctnobtn')了一次,所以說再次點選會彈出兩次 複製成功,如果每次

關掉介面前不去

銷燬this.clipboard 這一例項的話,每次開啟這一介面就會例項化 +1,所以要想解決這個問題的話必須每次關

掉這一介面前要銷燬這一例項,參考上邊程式碼

寫部落格寫的不多 有可能寫的不是多詳細 多多擔待