安装:
cnpm install clipboard --save
使用:
<template #right-icon>
<span class="copyBtn" @click.stop="copyText($event,你要复制的值)">复制地址</span>
</template>
import Clipboard from 'clipboard';
methods: {
copyText(e, text) {
const clipboard = new Clipboard(e.target, {
text: () => text
})
clipboard.on('success', e => {
api.toast('复制成功!', 'bottom')
// 释放内存
clipboard.off('error')
clipboard.off('success')
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
api.toast('复制失败!', 'bottom')
// 释放内存
clipboard.off('error')
clipboard.off('success')
clipboard.destroy()
})
clipboard.onClick(e)
}
}