第一步,安装插件
npm install clipboard --save
第二步、引入组件
import Clipboard from 'clipboard';
第三步,实现功能
<span>我是需要复制的内容</span>
<button class="tag-read" data-clipboard-text="我是需要复制的内容" @click="copy">点击复制</button>
<!-- 要复制哪些内容,就放在 data-clipboard-text属性里-->
methods: {
copy() {
var clipboard = new Clipboard('.tag-read')
clipboard.on('success', e => {
this.$message.success("已成功复制到剪切板")
clipboard.destroy()// 释放内存
})
clipboard.on('error', e => {
this.$message.error('不支持复制,该浏览器不支持自动复制!')
clipboard.destroy()// 释放内存
})
}
}
}