element ui 双击编辑表格

要实现表格的双击编辑功能，可以借助 Element UI 中的 el-table 组件和 el-editable 组件。具体实现步骤如下：

1. 在 table-column 中添加 scoped slot，用于渲染表格单元格的内容，并绑定双击事件。

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名">
    <template slot-scope="scope">
      <el-editable v-model="scope.row.name" @edit="handleEdit">
        {{ scope.row.name }}
      </el-editable>
    </template>
  </el-table-column>
</el-table>

2. 在 methods 中定义 handleEdit 方法，用于处理编辑事件。在该方法中，可以根据具体业务需求进行数据的更新操作。

methods: {
  handleEdit(row) {
    // 处理编辑事件
  }
}

通过以上两步操作，就可以实现双击编辑表格的功能。需要注意的是，el-editable 组件需要在 Element UI 中单独引入。