vue使用clipboard.js实现点击复制功能

1、安装引用

npm install clipboard --save

2、在main.js全局注册

import clipboard from 'clipboard'

// 注册到vue原型上
Vue.prototype.clipboard = clipboard

3、在要使用的vue组件中引用如下,我在copy方法中加了一个3s的延时是因为,提示用户复制成功的弹窗默认展示3s,防止用户多次点击,一定一定要在成功后销毁clipboard实例,否则会出现随着点击次数增加,弹窗数增加的bug



你可能感兴趣的:(vue,javascript)