Tencent / tdesign-vue-next

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

[Table] EnhancedTable使用tree时报错且无法成功渲染 #3431

Open DYS1230 opened 1 year ago

DYS1230 commented 1 year ago

tdesign-vue-next 版本

1.5.7

重现链接

https://stackblitz.com/edit/zxfsuq-c2jmwh?file=package.json,src%2Fdemo.vue

重现步骤

点击链接中的 CLICK ME。

表格的 columns 为动态值。

涉及 enhanced-table.tsx 及 useTreeData.tsx 文件。

而代码中实现tree的逻辑为 formatTreeColumn,里面用到了 treeNodeCol,treeNodeCol 是通过 watch 赋值。导致 columns 改动玩后直接走 formatTreeColumn,此时 treeNodeCol 尚未赋值,导致报错。

期望结果

表格正常渲染且无报错。

treeNodeCol 通过 computed 赋值。

实际结果

16957198276711

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 1 year ago

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

github-actions[bot] commented 1 year ago

♥️ 有劳 @Louiszhai @pengYYYYY @chaishi 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @DYS1230 。