vue项目中实现复制内容到剪贴板

项目中要实现分享功能，现在各种接口都关闭了，而且不同的浏览器要使用不同的代码，最后决定直接复制url，然后手动分享

Vue中使用了vue-clipboard2

github地址：https://github.com/Inndy/vue-clipboard2

例子：

1 npm install --save vue-clipboard2

main.js引入

1 import VueClipboard from 'vue-clipboard2'
2 
3 Vue.use(VueClipboard)

组件中的代码：

1 

3    
复制链接
4 

copyUrl：想要复制的内容，自定义

onCopy：方法，复制成功后操作

onError：方法，复制失败后操作


下面这个也可以
clipboard.js

vue中我最开始用这个了，不知道为什么，点击没有反应

github地址：https://github.com/zenorocha/clipboard.js

例子：

 1 
 2 
 3 
 4     
 5     
 6     
 7 
 8 
 9     
10     

11         Copy
12     
13 
14     
15     
16 
17     
18     
30 
31