解决ant design vue树形控件/可展开表格默认展开属性defaultExpandAll/defaultExpandAllRows不生效(采坑日记)
·
解决办法
主要是由于ant-design组件数据是单向流动的,树形控件/表格在第一次渲染时异步加载的数据还未存在。所以用v-if确保数据存在再渲染组件。
<a-row class="tree-box">
<a-col>
<a-tree
v-if="menuListTree.length>0"
v-model="checkedKeys"
checkable
:auto-expand-parent="autoExpandParent"
defaultExpandAll
:tree-data="menuListTree"
/>
</a-col>
</a-row>
v-if判断要用menuListTree.length>0,确保menuListTree数组加载完成。
📦 前端资源合集 | 持续更新
🟢 前端0到1【持续更新】→ https://pan.quark.cn/s/5df55ccff7c4
🔵 前端进阶【持续更新】→ https://pan.quark.cn/s/2dec1c87b3ec
🟣 前端2026最新【持续更新】→ https://pan.quark.cn/s/77c8fa94161c
🔴 AI最新学习资料 → https://pan.baidu.com/s/1P9X2Qk_Fby3rFNVGw_WKow?pwd=46XG 提取码:46XG
觉得有用就点个赞+收藏,关注我持续分享前端干货 💡
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)