TDesign的Tree树形组件节点无法自动展开是怎么回事?

子晨 阅读 77

大家好,我在用TDesign的Tree组件时遇到个问题,设置默认展开节点完全没反应。我按照文档写了expand-node-keys属性,传入了数组,但页面还是所有节点都处于折叠状态。

我尝试过把数组改成字符串、手动写死['1']、甚至设置defaultExpanded属性,都不行。控制台也没有报错,数据是这样传的:



数据初始化时expandedKeys确实有值,但界面就是不展开。是不是哪里配置漏了?或者这个属性需要配合其他参数?

我来解答 赞 8 收藏
二维码
手机扫码查看
2 条解答
设计师利利
试试这个,TDesign的Tree组件得用defaultExpandedKeys而不是expand-node-keys,属性名搞错了。另外确保你传的是数组格式,比如defaultExpandedKeys={['1']},同时加上expandAll或者检查有没有和其他展开相关的prop冲突。
点赞 5
2026-02-09 20:08
淑怡 ☘︎
expand-node-keys 要配合 node-key 使用,确保节点的唯一标识正确配置了。检查下你的 node-key 是否和数据中的 key 对应上了。如果还是不行,试试这样:

{
nodeKey: 'id', // 确保这个和数据里的字段一致
expandNodeKeys: [1, 2, 3] // 默认展开的节点 id 列表
}


应该能用了,不行就换个新浏览器窗口试试,有时候缓存捣乱。
点赞 9
2026-01-30 02:02