Clipboard.js 跳出多次复制成功的问题及其解决
本人用的vue.js基本使用参考https://clipboardjs.com/ 自己的代码 <button class="acctnobtn" data-clipboard-text="Just because you can doesn'tmean you should — clipboard.js!"> C
·
本人用的vue.js
基本使用
参考
https://clipboardjs.com/
自己的代码
问题
首先第一次进来点击 复制按钮 弹出提示 复制成功 这是没问题的,但是返回上级界面再次进来的时候 再次点击复制的时候会 弹出两次复制成功 ,据我
实践总结这是因为第一次来 this.clipboard= new Clipboard('.acctnobtn')的时候实例化了一次,返回上级界面第二次再次进入
这一界面的时候又this.clipboard= new Clipboard('.acctnobtn')了一次,所以说再次点击会弹出两次 复制成功,如果每次
关掉界面前不去销毁this.clipboard 这一实例的话,每次打开这一界面就会实例化 +1,所以要想解决这个问题的话必须每次关
掉这一界面前要销毁这一实例,参考上边代码
写博客写的不多 有可能写的不是多详细 多多担待
更多推荐
已为社区贡献1条内容
所有评论(0)