複製插件 - clipboard

1 yarn安裝clipboard瀏覽器

2 引入:import ClipboardJS from 'clipboard';spa

3 使用code

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

......blog

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

        clipboard.on('success', e => {
            Toast('複製成功')
            // 釋放內存
            clipboard.destroy()
        })
        clipboard.on('error', e => {
            console.log(e)
            // 不支持複製
            Toast('該瀏覽器不支持自動複製')
            // 釋放內存
            clipboard.destroy()
        })  
    }
相關文章
相關標籤/搜索