【Element UI】刷新tree数据保留展开状态

gengboxb 562 0

tree代码

1、设置key值    node-key="id"

2、默认展开的数据expandedList      :default-expanded-keys="expandedList"

3、展开时触发的事件@node-expand="nodeExpand"

4、收起时触发的事件@node-collapse="nodeCollapse"

 <el-tree
      ref="menuTree"
      :data="menus"
      node-key="id"
      @node-collapse="nodeCollapse"
      @node-expand="nodeExpand"
      :default-expanded-keys="expandedList"
/>

展开/收起的代码

// 展开
nodeExpand(data){
    this.expandedList.push(data.id);
},
// 收起
nodeCollapse(data){
    this.expandedList.splice(this.expandedList.indexOf(data.id), 1);
},

发表评论 取消回复
表情 图片 链接 代码

分享