解决antdesignvue中树形控件defaultExpandAll设置⽆效
的问题
页⾯步骤:
1.设置a-tree标签
2.默认的treeNodes值设置为空数组
3.在mounted组件加载的时候给treeNodes的值赋值
结果:
设置defaultExpandAll⽆效,并不能展开所有节点
原因:
defaultExpandAll 仅在组件第⼀次渲染时有效,不仅仅tree组件,其它组件的defaultXXX值都是这个⾏为,
可以⾃⾏搜索受控组件/⾮受控组件的概念。如果你想异步获取数据后展开全部结点,可以使⽤⾮受控⽅式:
补充知识:Ant Design 中Tree踩坑
Tree中的api属性有⼀个defaultExpandAll
这个属性只在第⼀次渲染的时候有效,也就是说⽤户刷新页⾯后或者在这个页⾯操作完这个组件后重新渲染的时候,这个值将不会有效。antdesignvue 配置外部文件
解决办法:
expandedKeys={IdData}
onExpand={Expand}
使⽤expandedKeys属性和onExpand事件进⾏数据的可控操作
初始化的时候获取所有的TreeKeysr然后将它设置到expandedKeys属性上,当⽤户操作Tree节点的时候再触发onExpand更新expandedKeys数据
以上这篇解决ant design vue中树形控件defaultExpandAll设置⽆效的问题就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。