<el-table @cell-dblclick="handleCellDblClick"

<el-table-column prop="name" label="姓名" width="180">
      <template slot-scope="scope">
        <span v-if="editableData !== scope.row">{{ scope.row.name }}</span>
        <el-input
          v-else
          :ref="'input-' + scope.$index"
          v-model="scope.row.name"
          @blur="handleInputBlur(scope.row)"
          @keyup.enter.native="handleInputEnter(scope.row)"
        ></el-input>
      </template>
    </el-table-column>

editableData: null, // 當前編輯的數(shù)據(jù)項

// 雙擊時觸發(fā)
handleCellDblClick(row, column, cell, event) {
  if (column.property === 'customerBoxNum') {
    this.editableData = row; // 設(shè)置當前編輯的數(shù)據(jù)項
    this.$nextTick(() => {
      const inputRef = 'input-' + this.boxList.indexOf(row);
      const inputElement = this.$refs[inputRef];
      if (inputElement) {
        inputElement.focus(); // 聚焦輸入框
      } else {
        console.error('Input element not found:', inputRef);
      }
    });
  }
},
handleInputBlur(row) {
  // 輸入框失去焦點時保存更改
  this.editableData = null; // 返回到靜態(tài)顯示狀態(tài)
},
handleInputEnter(row) {
  // 按下回車鍵時保存更改
  this.editableData = null; // 返回到靜態(tài)顯示狀態(tài)
},