elementui树组件el-tree默认选中展开某些节点

问题1：左侧图标不想要，换个别的

问题2：通过接口获取树，点击选中某条数据，之后通过接口更新树数据，没有保留选中状态，希望保留

 

对于问题1：

把想要的图标做成精灵图，然后通过background去设置，具体代码如下：

    .report_projectSub /deep/ .el-tree .el-icon-caret-right:before {
      content: "";
      display: inline-block;
      font-size: 18px;
      height:14px;
      text-align: center;
      width: 32px;
      line-height: 14px;
      padding-top:-8px;
      background:url(./treeActive.png) no-repeat ;//设置背景，再调整背景位置大小
      background-size: 100px;
      background-position: -14px -11px;
    }
    .report_projectSub /deep/ .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
      content: "";
      display: inline-block;
      text-align: center;
      font-size: 18px;
      width: 32px;
      height:14px;
      text-align: center;
      line-height: 14px;
      background:url(./treeActive.png) no-repeat;//设置背景，再调整背景位置大小
      background-size: 105px;
      background-position: -65px -12px;
    }
    .report_projectSub /deep/ .el-tree .is-leaf:before{
      background:none;//去掉最后一层的背景
    }

设置前

设置后

 

 

问题2：通过接口获取树，点击选中某条数据，之后通过接口更新树数据，没有保留选中状态，希望保留

 

 <el-tree
     ref="treeSub"//设置ref
     :data="treeData"
     :props="treedefaultProps"
     node-key="id"
     :highlight-current="true"
     :default-expanded-keys="defaultshowKeys"//设置默认选中的属性
     accordion
     @node-click="treeClick"//选择之后，用defaultshowKeys记住现在的选择>

刷新数据之后，给this.defaultshowKeys赋值当前选中的数据

　　this.defaultshowKeys = [this.rightShow.typeId];

  this.$nextTick(()=>{
     this.$refs.treeSub.setCurrentKey(this.rightShow.typeId)//通过设置的ref设置setCurrentKey去渲染tree的默认选中
  })

好啦，今天的分享就到这里！