ElementUI table组件，表格组件，单击单元格可编辑逻辑

ElementUI table组件，表格组件，单击单元格可编辑逻辑

 1、表格部分

<el-table
  :data="seatDataFilter"
  @cell-click="changeSort"
>

  <template slot-scope="scope">
    <el-input
      v-model="changeSortVal"
      v-if="scope.row.seen"
      @blur="confirmSort(scope.$index, scope.row)"
      @keyup.enter.native="$event.target.blur"
      :autofocus="scope.row.seen"
    ></el-input>
    <span
      class="sort-styl"
      v-else>{{ scope.row.sort }}</span>
  </template>

<el-table>

2、方法部分

changeSort (row, column) {
  if (column.label === '排序') {
    row.seen = true
    this.changeSortVal = ''
    ElementMsg(this, 'info', `选中排序值：${row.sort}`)
  } else {
    ElementMsg(this, 'info', `当前位置没有人`)
  }
},
confirmSort (index, row) {
  row.seen = false
}