安装:
npm install clipboard --save
引入:
import Clipboard from 'clipboard' Vue.prototype.$Clipboard = Clipboard
使用:
copy (){ let clipboard = new this.$Clipboard('.copyText') clipboard.on('success', e => { this.$Message.success('复制成功'); }) clipboard.on('error', e => { this.$Message.error('该浏览器不支持复制!'); }) }
created (){ this.copy(); }
前端:
<Button icon=" iconfont icon-link" type="primary" title="链接" size="small" :data-clipboard-text="row.url" class="table-action-btn copyText"></Button>
这里我遇到一个问题,就是当我把copy像其他大佬说的加入一个
// 释放内存 clipboard.destroy();
后,发现只能复制一次,第二次就无法复制了,暂时还不知道是什么问题?有没有大佬解答下?