安装clipboard
npm install clipboard --save
实现代码
import Clipboard from 'clipboard';
copy() {
var clipboard = new Clipboard('.copybox')
clipboard.on('success', e => {
// console.log('复制成功',e)
this.$message.success('复制成功')
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
console.log('该浏览器不支持自动复制')
// 释放内存
clipboard.destroy()
})
},
<span class="copybox" data-clipboard-text="需要复制的文本谢谢" @click="copy">复制</span>
效果