复制插件 - clipboard

1 yarn安装clipboard

2 引入:import ClipboardJS from 'clipboard';

3 使用

<a class="copyTrackNumber" @click="copyTrackNumber" :data-clipboard-text="111">
      <img src="../../assets/img/btn_order_copy@2x.png"/>
      <span>复制</span>
</a>

......

    copyTrackNumber(){
        var clipboard = new ClipboardJS('.copyTrackNumber');

        clipboard.on('success', e => {
            Toast('复制成功')
            // 释放内存
            clipboard.destroy()
        })
        clipboard.on('error', e => {
            console.log(e)
            // 不支持复制
            Toast('该浏览器不支持自动复制')
            // 释放内存
            clipboard.destroy()
        })  
    }

 

posted @ 2019-06-10 10:38  seeBetter  阅读(550)  评论(0编辑  收藏  举报