vue 的樹形控件 el-tree
可以用來方便地實現樹形控件,但是官方文檔中,關於控件的默認展開只有默認展開全部或者默認全部關閉,如下所示:
對於指定節點的展開,需要指定其id,從而通過 default-expanded-keys
設置默認展開的節點。
對於後臺返回的數據,默認展開其第一層的第一個,其實很簡單:對於獲取到的後臺數據,將其第一層節點添加到數組中,將 default-expanded-keys
綁定數組,從而設置默認展開的節點。
實際應用:默認展開第一層節點中的第一個節點:
{ if(res.code==200){ this.treeData = res.resultDownload; this.provincialCenterId = this.treeData[0].id //默認展開第一個節點 this.getRoleTreeRootNode(this.provincialCenterId) this.listLoading = false }else{ this.$message.error(res) } }) }, }" _ue_custom_node_="true">
效果圖:
[niceskyabc ] vue el-tree 默認展開第一個節點的實現代碼已經有419次圍觀