用了BootStrap的modal弹窗，vue-clipboard2虽然复制成功，可是无法粘贴

背景

一开始用的 BootStrap 的 modal 弹窗里显示信息。

后来有了点击复制的需求，就又使用了 Toastr ，当 BootStrap 弹窗与 Toastr 弹窗这两个同时出来时， vue-clipboard2 的复制功能失效。。

解决方案

这在 vue-clipboard2 的文档中有说明的https://www.npmjs.com/package/vue-clipboard2。

• 可能是浏览器的限制

然而，我这里并不是这个原因。。

• 使用this.$copyText(val, container)设置container为获得焦点的弹出框。

let container = this.$refs.container;
this.$copyText("Text to copy", container);

• 放弃使用modal

没错，简单粗暴，直接放弃使用 BootStrap 的 modal 弹窗，这时 vue-clipboard2 就可以复制粘贴啦。

Reference

• Toastr文档
• vue-clipboard2文档
• 在一个页面的多个位置同时显示不同的Toastr提示信息
• Bootstrap如何弹出modal窗，并动态传值？

If you have any questions or any bugs are found, please feel free to contact me.

Your comments and suggestions are welcome!