element 中表格可编辑功能

在 Element UI 中，你可以使用 `el-table` 组件来创建可编辑的表格。要启用表格的可编辑功能，可以设置 `:editable="true"` 属性。同时，你还需要为每个可编辑的单元格指定一个唯一的 `prop` 属性，以便在数据更新时进行标识。

下面是一个简单的示例代码：

<template>
  <el-table :data="tableData" :editable="true">
    <el-table-column prop="name" label="Name">
      <template slot-scope="scope">
        <el-input v-model="scope.row.name"></el-input>
      </template>
    </el-table-column>
    <el-table-column prop="age" label="Age">
      <template slot-scope="scope">
        <el-input v-model.number="scope.row.age"></el-input>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 25 },
        { name: 'Jane', age: 30 },
        { name: 'Tom', age: 35 },
      ]
    };
  }
};
</script>

在上面的示例中，我们使用了 `el-input` 组件作为可编辑单元格的输入框。你可以根据实际需求选择其他适当的组件。当你修改表格中的数据时，`tableData` 中对应的数据也会实时更新。

希望这能帮助到你！如果有任何其他问题，请随时提问。