vue 使用clipboard实现复制功能
作者:
Sven0706 | 来源:发表于
2018-06-22 11:32 被阅读0次1. 引入clipboard.js
npm install clipboard --save
2. 在需要使用的组件中import
import Clipboard from 'clipboard';
3. 添加需要复制的内容
<button class="tag-read" data-clipboard-text="我是可以复制的内容，啦啦啦啦" @click="copy">立即复制</button>
4. 实例化
copy() {
var clipboard = new Clipboard('.tag-read')
clipboard.on('success', e => {
console.log('复制成功')
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
console.log('该浏览器不支持自动复制')
// 释放内存
clipboard.destroy()
})
}
本文标题：vue 使用clipboard实现复制功能
本文链接：https://www.haomeiwen.com/subject/pxhkyftx.html
网友评论