vue-clipboard2的使用筆記

1、安裝

npm install --save vue-clipboard2

2、在main.js中引入

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

3、在組件中使用

模板中的代碼
<template v-slot="{ row }">
    <el-button type="text"  class="copy-btn"
          v-clipboard:copy="要複製的值"
          v-clipboard:success="onCopy"
          v-clipboard:error="onError"
      >複製</el-button>
</template>


methods中的方法
 onCopy() {
    this.$message.success('複製成功！');
 },
 onError() {
    this.$message.error('複製失敗！');
 },