一、npm安装
npm install clipboard -- save
二、引入
import Clipboard from 'clipboard'
三、html
<li class="copyData" @click="copy(item.id)">复制名片链接</li>
四、methods
copy (data) {
var Url = `pages/personal_card/card_detail/index?employee_id=${data}&source=11` // 点击文字复制的地址
var clipboard = new Clipboard('.copyData', {
text: function () {
return Url
}
})
// 复制成功
clipboard.on('success', e => {
this.$xcMessage.success('名片链接已复制')
// 释放内存
clipboard.destroy()
})
// 复制失败
clipboard.on('error', e => {
// 不支持复制
this.$xcMessage.warning('复制失败')
// 释放内存
clipboard.destroy()
})
}
}