2020-04-12 vue使用clipboard.js 一键复制文本

安装：

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)
    }
}