el-table双击编辑单元格

你可以通过以下步骤来实现el-table双击编辑单元格：

1. 在el-table标签内部添加edit-config属性，例如：

<el-table :data="tableData" :edit-config="{trigger: 'dblclick'}">

2. 在el-table-column标签中设置prop属性，例如：

<el-table-column label="姓名" prop="name"></el-table-column>

3. 在el-table-column标签中添加scoped-slot，例如：

<el-table-column label="姓名" prop="name">
  <template slot-scope="scope">
    <span v-if="scope.row.editable">
      <el-input v-model="scope.row.name"></el-input>
    </span>
    <span v-else>{{ scope.row.name }}</span>
  </template>
</el-table-column>

4. 在Vue实例中定义tableData数组，并设置editable属性，例如：

data() {
  return {
    tableData: [
      {
        name: '张三',
        age: 18,
        editable: false
      },
      {
        name: '李四',
        age: 20,
        editable: false
      }
    ]
  }
}

5. 在el-table的edit-config属性中设置相关方法，例如：

methods: {
  handleDblclick(row) {
    row.editable = true
  },
  handleBlur(row) {
    row.editable = false
  }
}

6. 在el-table标签中添加相关事件，例如：

<el-table :data="tableData" :edit-config="{trigger: 'dblclick'}"
  @cell-dblclick="handleDblclick" @cell-blur="handleBlur">

这样，当用户双击单元格时，单元格会变为可编辑状态，用户编辑完成后，失去焦点或按回车键后，单元格会变为不可编辑状态，同时将编辑内容保存到tableData数组中。