如果你浪費了自己的年齡,那是挺可悲的。因為你的青春只能持續一點兒時間——很短的一點兒時間。 —— 王爾德
前言
最近工作使用Vue+Element UI來進行開發,遇到部門樹功能的時候選擇了el-tree組件來展示,功能都完成了,但需要在加載完成后默認點擊第一個節點,從而查詢右側對應的部門人員信息,但官方沒有提供默認觸發node-click事件,通過Google找到相關答案
效果圖:
代碼如下
watch: {
// 根據名稱篩選部門樹
deptName(val) {
this.$refs.tree.filter(val);
},
// 默認點擊Tree第一個節點
deptTreeData(val) {
if (val) {
this.$nextTick(() => {
document.querySelector('.el-tree-node__content').click()
})
}
}
},
通過watch觀測對象值的變化,從而獲取第一個節點的DOM元素,觸發點擊事件,相關issue