背景
一开始用的 BootStrap 的 modal 弹窗里显示信息。
后来有了点击复制的需求,就又使用了 Toastr ,当 BootStrap 弹窗与 Toastr 弹窗这两个同时出来时, vue-clipboard2 的复制功能失效。。
解决方案
这在 vue-clipboard2 的文档中有说明的www.npmjs.com/package/vue…。
- 可能是浏览器的限制
然而,我这里并不是这个原因。。
- 使用
this.$copyText(val, container)设置container为获得焦点的弹出框。
let container = this.$refs.container;
this.$copyText("Text to copy", container);
- 放弃使用modal
没错,简单粗暴,直接放弃使用 BootStrap 的 modal 弹窗,这时 vue-clipboard2 就可以复制粘贴啦。
Reference
If you have any questions or any bugs are found, please feel free to contact me.
Your comments and suggestions are welcome!