vue3 使用and design vue table的选择功能

博越
172 阅读1分钟

table的这个选择功能真的是坑的多很，一个表格功能有这么多坑

1：表格需要有唯一的标识（官方例子是没有添加这个属性的）

rowKey

image.png

image.png

缺少这个属性的后果：

直接读取不到数据，数据直接全部选中或者不选中

image.png

2：表格row-selection事件的onChange函数接收第一个参数需要传递给selectedRowKeys

image.png

缺少这个属性的后果：

读取到数据但是页面不会变化

image.png

image.png

3：声明selectedRowKeys必须是在reactive里面

这个坑真的是很难发现

image.png

image.png

选择之后正常打印，正常赋值但是页面上就是不会选中

ref声明（value直接就是无限套级）:

image.png

reactive声明:

image.png

avatar
文章
阅读
粉丝