el-tree加載完成後默認觸發點擊事件非默認選中

如果你浪費了自己的年齡，那是挺可悲的。因爲你的青春只能持續一點兒時間——很短的一點兒時間。 —— 王爾德

前言

最近工作使用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