解决ant design vue中树形控件defaultExpandAll设置无效的问题
页面步骤:

1.设置a-tree标签
2.默认的treeNodes值设置为空数组
3.在mounted组件加载的时候给treeNodes的值赋值
结果:
设置defaultExpandAll无效,并不能展开所有节点
原因:
defaultExpandAll 仅在组件第一次渲染时有效,不仅仅tree组件,其它组件的defaultXXX值都是这个行为,
可以自行搜索受控组件/非受控组件的概念。如果你想异步获取数据后展开全部结点,可以使用非受控方式:
https://codepen.io/lovefemi/pen/MMmRvx
补充知识:Ant Design 中Tree踩坑
Tree中的api属性有一个defaultExpandAll
这个属性只在第一次渲染的时候有效,也就是说用户刷新页面后或者在这个页面操作完这个组件后重新渲染的时候,这个值将不会有效。
解决办法:
expandedKeys={help.treeIdData}
onExpand={this.onExpand}
使用expandedKeys属性和onExpand事件进行数据的可控操作
初始化的时候获取所有的TreeKeysr然后将它设置到expandedKeys属性上,当用户操作Tree节点的时候再触发onExpand更新expandedKeys数据
具体思路参考https://reactjs.org/docs/forms.html 或者 https://github.com/ant-design/ant-design/issues/4145#issuecomment-27058096
以上这篇解决ant design vue中树形控件defaultExpandAll设置无效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
代码知识SEO上一篇 : python 爬虫基本使用——统计杭电oj题目正确率并排序
下一篇 : Spring Cloud Gateway + Nacos 实现动态路由
-
SEO外包最佳选择国内专业的白帽SEO机构,熟知搜索算法,各行业企业站优化策略!
SEO公司
-
可定制SEO优化套餐基于整站优化与品牌搜索展现,定制个性化营销推广方案!
SEO套餐
-
SEO入门教程多年积累SEO实战案例,从新手到专家,从入门到精通,海量的SEO学习资料!
SEO教程
-
SEO项目资源高质量SEO项目资源,稀缺性外链,优质文案代写,老域名提权,云主机相关配置折扣!
SEO资源
-
SEO快速建站快速搭建符合搜索引擎友好的企业网站,协助备案,域名选择,服务器配置等相关服务!
SEO建站
-
快速搜索引擎优化建议没有任何SEO机构,可以承诺搜索引擎排名的具体位置,如果有,那么请您多注意!专业的SEO机构,一般情况下只能确保目标关键词进入到首页或者前几页,如果您有相关问题,欢迎咨询!