vue 使用clipboard实现复制功能

在vue中使用clipboard.js 时候发现一个问题，如果移动端不是input或者button，则复制不成功，使用步骤如下

1. 引入clipboard.js

[html]  view plain  copy

1. npm install clipboard --save  

2. 在需要使用的组件中import

[javascript]  view plain  copy

1. import Clipboard from 'clipboard';  

3. 添加需要复制的内容

[html]  view plain  copy

1. <button class="tag-read" data-clipboard-text="我是可以复制的内容，啦啦啦啦" @click="copy">立即阅读</button>  

4. 

[javascript]  view plain  copy

1. copy() {  
2.         var clipboard = new Clipboard('.tag-read')  
3.         clipboard.on('success', e => {  
4.           console.log('复制成功')  
5.           // 释放内存  
6.           clipboard.destroy()  
7.         })  
8.         clipboard.on('error', e => {  
9.           // 不支持复制  
10.           console.log('该浏览器不支持自动复制')  
11.           // 释放内存  
12.           clipboard.destroy()  
13.         })  
14.       }