歡迎您光臨本站 註冊首頁

vue el-tree 默認展開第一個節點的實現代碼

←手機掃碼閱讀     niceskyabc @ 2020-06-10 , reply:0

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次圍觀

http://coctec.com/docs/vue-js/show-post-237832.html