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
      })  
}

 

posted @ 2020-05-22 16:45  纯白棒球帽  阅读(852)  评论(0编辑  收藏  举报