vxe动态表格可编辑

vxe动态表格提供了可编辑的功能，可以通过设置 `edit-config` 属性来开启编辑模式。具体实现步骤如下：

1. 在表格组件中设置 `edit-config` 属性，该属性包含了编辑相关的配置项，如下所示：

<vxe-table :data="tableData" :edit-config="{trigger: 'click', mode: 'cell'}">
  <!-- 表格列定义 -->
</vxe-table>

其中，`trigger` 属性表示触发编辑的方式，可以是 `click`、`dblclick` 或 `manual`；`mode` 属性表示编辑模式，可以是 `cell` 或 `row`。

2. 在表格列定义中设置 `edit-render` 属性，该属性指定了单元格的编辑渲染器，如下所示：

<vxe-table-column field="name" title="姓名" :edit-render="{name: 'input'}"></vxe-table-column>

其中，`edit-render` 属性的值是一个对象，包含了编辑渲染器的名称和相关配置项。在上面的例子中，我们使用了 `input` 渲染器来实现单元格的编辑。

3. 在表格列定义中设置 `edit-rules` 属性，该属性指定了单元格的编辑校验规则，如下所示：

<vxe-table-column field="age" title="年龄" :edit-render="{name: 'input'}" :edit-rules="{required: true, type: 'number', min: 18, max: 60}"></vxe-table-column>

其中，`edit-rules` 属性的值是一个对象，包含了编辑校验规则的相关配置项。在上面的例子中，我们设置了单元格的编辑校验规则，要求该单元格必填、类型为数字、范围在 18 到 60 之间。