av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

解決ant design vue中樹形控件defaultExpandAll設置無效的問題

瀏覽:2日期:2022-11-12 11:06:57

頁面步驟:

1.設置a-tree標簽

2.默認的treeNodes值設置為空數組

3.在mounted組件加載的時候給treeNodes的值賦值

結果:

設置defaultExpandAll無效,并不能展開所有節點

原因:

defaultExpandAll 僅在組件第一次渲染時有效,不僅僅tree組件,其它組件的defaultXXX值都是這個行為,

可以自行搜索受控組件/非受控組件的概念。如果你想異步獲取數據后展開全部結點,可以使用非受控方式:

https://codepen.io/lovefemi/pen/MMmRvx

解決ant design vue中樹形控件defaultExpandAll設置無效的問題

補充知識:Ant Design 中Tree踩坑

Tree中的api屬性有一個defaultExpandAll

解決ant design vue中樹形控件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設置無效的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 夜夜欢天天干 | 久久视频一区 | 深夜福利视频在线观看 | 亚洲成人av | 干干干操操操 | 天天干夜夜欢 | 91看片在线观看 | 四虎1515| 久久视频免费看 | 一区二区三区四区国产 | 96在线视频 | 国产亚洲欧美日韩高清 | 四虎久久久 | 四虎影 | 欧美一区二区视频在线观看 | 国产黄色在线观看 | 特黄一级片 | 做爰xxxⅹ性生交 | www.国产精品 | 91精品麻豆 | 亚洲精品一区二区三 | 国产91在线看 | 亚洲精品在线视频观看 | 亚洲一区在线看 | 亚洲午夜视频在线观看 | 一区二区自拍 | 一区二区高清视频 | 国产精品羞羞答答 | 中文在线观看视频 | 日韩福利在线 | 欧美国产日韩在线 | 欧美操操操 | 日韩精品一区在线观看 | 免费av网站在线观看 | 91性高潮久久久久久久久 | 午夜在线视频观看 | 欧美成人激情 | 日韩欧美不卡 | 刘玥大战28公分黑人 | 日韩免费小视频 | 国产亚洲天堂 |