Tencent / tdesign-vue-next

A Vue3.x UI components lib for TDesign.
https://tdesign.tencent.com/vue-next
MIT License
1.35k stars 445 forks source link

[表格组件] 分页表格多选问题 #4320

Open Alien-Wangzijian opened 1 week ago

Alien-Wangzijian commented 1 week ago

tdesign-vue-next 版本

Vue Next 1.96

重现链接

https://tdesign.tencent.com/vue-next/components/table#%E5%8F%AF%E5%88%86%E9%A1%B5%E7%9A%84%E8%A1%A8%E6%A0%BC

重现步骤

在可分页表格中,在第一页选择两个行,点击分页到第二页再点击选择两个行,在返回到第一页后,在选择两个此时select-change事件返回的是六条,此时表格中只有两行是选中状态,并且也不支持跨页选中,但返回的结果却有 image

期望结果

期望要么可以支持跨页选择的控制api,或者不允许跨页选择,但select-change事件返回的已选择个数是正确的

实际结果

在可分页表格中,在第一页选择两个行,点击分页到第二页再点击选择两个行,在返回到第一页后,在选择两个此时select-change事件返回的是六条,此时表格中只有两行是选中状态,并且也不支持跨页选中,但返回的结果却有 image

框架版本

V3.3.4

浏览器版本

Chrome( 125.0.6422.142)

系统版本

Win11

Node版本

V18.18.0

补充说明

No response

### Tasks
github-actions[bot] commented 1 week ago

👋 @Alien-Wangzijian,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

1379255913 commented 1 week ago

看了一下感觉代码本身并无问题,但是示例中的请求https://randomuser.me/api?page=${current}&results=${pageSize}这一个结果即使对于同一page同一size,每次返回的结果都是不同的,导致selectedRowKeys没法匹配上,所以产生了看起来没法跨页选中的现象

Alien-Wangzijian commented 1 week ago

好的,感谢解答