先引入 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]          //  就是单元格数据信息

Logo

前往低代码交流专区

更多推荐