Vue中简单使用clipboard实现复制
clipboard.js插件可以比较方便的实现复制功能,具体如下安装插件npm install clipboard --save在需要使用的组件内引入import Clipboard from 'clipboard'复制按钮,这里是将需要复制的内容,直接绑在了复制按钮上面对应的方法copy () {var clipboard = new Clipboard('#equSN')clipboard.o
·
clipboard.js插件可以比较方便的实现复制功能,具体如下
安装插件
npm install clipboard --save
在需要使用的组件内引入
import Clipboard from 'clipboard'
复制按钮,这里是将需要复制的内容,直接绑在了复制按钮上面
对应的方法
copy () {
var clipboard = new Clipboard('#equSN')
clipboard.on('success', e => {
this.$message.success('已成功复制到粘贴板')
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
this.$message.warning('该浏览器不支持复制')
// 释放内存
clipboard.destroy()
})
},
也可以通过target来获得需要复制的内容
更多推荐
已为社区贡献1条内容
所有评论(0)