![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SYmJTOllTMzADOzgzMhZ2M2MzY5UTYhZzYhRGOkRzY38CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
如果你浪費了自己的年齡,那是挺可悲的。因為你的青春隻能持續一點兒時間——很短的一點兒時間。 —— 王爾德
前言
最近工作使用Vue+Element UI來進行開發,遇到部門樹功能的時候選擇了[el-tree](The world's most popular Vue UI framework)元件來展示,功能都完成了,但需要在加載完成後預設點選第一個節點,進而查詢右側對應的部門人員資訊,但官方沒有提供預設觸發node-click事件,通過Google找到相關答案
效果圖:
el-tree
代碼如下:
watch
通過watch觀測對象值的變化,進而擷取第一個節點的DOM元素,觸發點選事件,相關[issue]([Feature Request] 怎麼設定el-tree加載資料後自動選中第一個節點 · Issue #5007 · ElemeFE/element)