在使用 Ant Design Vue3 的可编辑表格时,需要注意一些问题。有些情况下,修改表格中某个单元格的值后,该表格的数据并不会更新。
解决方法如下:
在表格的 columns 中,需要为每个可编辑的单元格设置 dataIndex 和 key 属性,以便正确绑定数据源。
在绑定数据时,使用 v-model 指令。当值改变时,v-model 会自动更新数据源,从而使表格的内容更新。
下面是一个示例代码,可以将表格的数据正确地绑定到 v-model 中:
handleEdit(value, text.id, 'name')"/>
handleEdit(value, text.id, 'age')"/>