1首先.npm进行安装 、也可去官网https://clipboardjs.com/ 看看 npm install clipboard --save
2.在需要使用的组件中import 引用方法:import Clipboard from 'clipboard';
<p class="mask-address">{{ address }}</p>
<button class="copy" @click="copyBtn" :data-clipboard-text="address"></button >
data-clipboard-text 后边跟需要复制的内容 我这的内容是动态的
4.添加点击后的方法
copyBtn() {
var clipboard = new Clipboard('.copy')
clipboard.on('success', e => {
console.log('复制成功')
console.log(e);
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
console.log(e);
console.log('该浏览器不支持自动复制')
// 释放内存
clipboard.destroy()
})
},
复制多个查看这个