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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM