vue中使用clipboard.js复制指定内容到剪贴板

关键词：clipboard.js; vue;
从npm安装

npm install clipboard --save

html

<button class="share" :data-clipboard-text="shareText" @click="handleShareClick">分享</button>

js

import Clipboard from 'clipboard'
export default{
  data() {
    return {
      shareText: ''
    }
  },
  methods: {
    handleShareClick(){
      const clipboard = new Clipboard('.share');
      this.shareText= 'hhh'
      clipboard.on('success', e => {
        this.$message.success('分享内容复制成功');
        clipboard.destroy();
      });
      clipboard.on('error', e => {
        this.$message.error('分享内容复制失败');
        clipboard.destroy();
      });
    }
  }
}

参考链接
https://segmentfault.com/a/1190000020651289?utm_source=tag-newest