背景
一开始用的 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 就可以复制粘贴啦。
