Element ui 表格實現單元格雙擊複製功能

先引入 vue-clipboard2

import Vue from 'vue'

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

然後爲單元格添加雙擊事件

   <el-table
      class="lr-common-tb"
      ref="table"
      v-bind="filterProp"
      :data="data"
      @cell-dblclick="celldblclick" //    添加雙擊事件
      border
      :enterable="true"
      :span-method="spanMethod"
      :key="$route.name"
    >

最後是事件代碼

celldblclick (row, column, cell, event) {
      let _this = this
      this.$copyText(row[column.property]).then(function (e) {
        _this.onCopy()
      }, function (e) {
        _this.onError()
      })
    },

row[column.property]          //  就是單元格數據信息