一、引入插件
cnpm install clipboard --save
二、在使用的页面引入
import Clipboard from 'clipboard';
html:
data-clipboard-text 是复制的内容
<a-icon type="copy" class="tag-read" :data-clipboard-text="form.drlContentString" @click="copy" />
copy() {
const that = this;
var clipboard = new Clipboard('.tag-read')
clipboard.on('success', e => {
that.copyed = true
setTimeout(() => {
that.copyed = false
}, 500)
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
console.log('该浏览器不支持自动复制')
// 释放内存
clipboard.destroy()
})
},
注:如果值为空复制不上。