vue vue-clipboard2 实现复制功能

1.安装

安装vue-clipboard2
cnpm install vue-clipboard2 -S

2.main.js引用

import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard);

3.组件内部使用

<i
    v-clipboard:copy="key"
    v-clipboard:success="onCopy"
    v-clipboard:error="onError"
    class="el-icon-document-copy"
  />

methods: {
 onCopy(data) {
  this.$notify({
        title: '成功',
        message: `${data.text}复制成功`,
        type: 'success',
      });
  }
}
// 注意： onCopy不需要手动去填入回调的变量，否则会直接出发copy方法