在vue-vant中使用Clipboard

@/mixins/Clipboard.js

import { Toast } from 'vant'
import Clipboard from 'clipboard'

export default {
  directives: {
    copy: {
      inserted(el) {
        const obj = new Clipboard(el)
        obj.on('success', () => {
          Toast('复制成功')
        })
        obj.on('error', () => {
          Toast('复制失败，请手动选择复制')
        })
      }
    }
  }
}

在需要的页面中引入

import Clipboard from '@/mixins/Clipboard'

export default {
  mixins: [Clipboard],
  ...
}

在模板中使用

<van-icon v-copy data-clipboard-text="内容" class="iconfont" class-prefix="icon" name="copy"/>

来源：oschina

链接：https://my.oschina.net/u/2266306/blog/4335894