在vue中使用clipboard.js 时候发现一个问题,如果移动端不是input或者button,则复制不成功,使用步骤如下
1. 引入clipboard.js
2. 在需要使用的组件中import
- npm install clipboard --save
- import Clipboard from 'clipboard';
- <button class="tag-read" data-clipboard-text="我是可以复制的内容,啦啦啦啦" @click="copy">立即阅读</button>
- copy() {
- var clipboard = new Clipboard('.tag-read')
- clipboard.on('success', e => {
- console.log('复制成功')
- // 释放内存
- clipboard.destroy()
- })
- clipboard.on('error', e => {
- // 不支持复制
- console.log('该浏览器不支持自动复制')
- // 释放内存
- clipboard.destroy()
- })
- }