在vue-vant中使用Clipboard

原创
07/05 16:53
阅读数 539

@/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"/>
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部