Vue实现点击复制

<button class="tag-read" :data-clipboard-text='需要复制的内容' @click="copyBtn">点击复制</button>
1、npm下载插件  
npm install clipboard
2、文件引用
import Clipboard from 'clipboard'
copyBtn(){
    var clipboard = new Clipboard('.tag-read')
    clipboard.on('success', e => {
       this.toast = this.$createToast({
           txt: '复制成功',
           type: 'txt'
        }).show()
          clipboard.destroy()
       })
      clipboard.on('error', e => {
         this.toast = this.$createToast({
            txt: '该浏览器不支持自动复制',
               type: 'txt'
          }).show()
            clipboard.destroy()//销毁
      })
 },

 

posted @ 2021-05-28 18:07  eternityAsr  阅读(250)  评论(0)    收藏  举报