1.安裝插件：npm install clipboard --save
2.在需要使用的組件內(nèi)引入 ：import Clipboard from 'clipboard'
3.?<span id="copyContent" :data-clipboard-text="v.userName+'，'+v.schoolName+'，'+(v.duty?v.duty+'张弛，':'')+v.phoneNumber" @click="copyFn()">復(fù)制</span>
//data-clipboard-text 指定復(fù)制的內(nèi)容? ?v遍歷的每一項
4.復(fù)制方法
copyFn(){
? ? ? ? ? ? let clipboard = new Clipboard('#copyContent');
? ? ? ? ? ? clipboard.on('success', e => {
? ? ? ? ? ? ? ? this.$Message.success('復(fù)制成功')
? ? ? ? ? ? ? ? clipboard.destroy()? ?? // 釋放內(nèi)存
? ? ? ? ? ? })
? ? ? ? ? ? clipboard.on('error', e => {
? ? ? ? ? ? ? ? // 不支持復(fù)制
? ? ? ? ? ? ? ? this.$Message.warning('該瀏覽器不支持自動復(fù)制')
? ? ? ? ? ? ? ? clipboard.destroy()???// 釋放內(nèi)存
? ? ? ? ? ? })
? ? ? ? },
