element的tree的高亮回顯


需求是 在新建任務的時候,選中tree組件中的某條數據,在編輯這個任務的時候,通過后台的數據再次回顯tree組件的選擇的這條數據

<el-tree
      ref="tree"
      class="select-tree"
      highlight-current
     :data="options"
      :props="props"
      node-key="id"
      :expand-on-click-node="false"
      :filter-node-method="filterNode"
      @node-click="onClickNode"
      :default-expanded-keys="[1]"
    ></el-tree>
首先 highlight-current,node-key 屬性要有
很簡單的一句代碼
 created() {
  // 回顯tree的高亮
       this.$nextTick(()=>{
        this.$refs.tree.setCurrentKey(id)     // 此時的id就是之前你選中的數據對應的id
      })  
}

 


免責聲明!

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



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