vue使用clipboard插件实现复制功能

一、引入插件

cnpm install clipboard --save 

二、在使用的页面引入

import Clipboard from 'clipboard'; 

html:
data-clipboard-text 是复制的内容

 <a-icon type="copy" class="tag-read" :data-clipboard-text="form.drlContentString" @click="copy" />

  copy() {
      const that = this;
      var clipboard = new Clipboard('.tag-read')
      clipboard.on('success', e => {
        that.copyed = true
        setTimeout(() => {
          that.copyed = false
        }, 500)
        // 释放内存
        clipboard.destroy()
      })
      clipboard.on('error', e => {
        // 不支持复制
        console.log('该浏览器不支持自动复制')
        // 释放内存
        clipboard.destroy()
      })
    },

注：如果值为空复制不上。