在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"/>