element-ui 怎样动态控制树的全部折叠和展开

Question

1.点击按钮，全部展开，然后el-tree则全部展开
2.点击按钮，全部折叠，然后el-tree则全部折叠
3.使用 :default-expand-all="isExpand"，动态改变isExpand的值，值变化，树却没有变化
4.怎么实现？
html代码：
<el-tree

  class="filter-tree treeoverflow"
  :data="data2"
  :props="defaultProps"
  highlight-current
  :filter-node-method="filterNode"
  @node-click="handleNodeClick"
  :default-expand-all="isExpand"
  ref="tree2">
</el-tree>

js代码：

  isExpand(){
  console.log('执行isExpand()');
  this.czlx=this.$store.state.ysml.czlx;
  if( this.czlx=='111') {
    console.log("全部折叠"+this.czlx);
    this.iscolspann=false;
    return false;
  }else if( this.czlx=='222'){
    console.log("全部展开");
    this.iscolspann=true;
    return true;
  }else{
    return false;
  }
},

Answer 1

this.$refs.tree2.$el里面带有树形结构，可以找打你要的操作

Answer 2

for(var i=0;i<this.$refs.treeX.store._getAllNodes().length;i++){
           this.$refs.treeX.store._getAllNodes()[i].expanded=this.isexpand;
        }

    this.$refs.treeX是树对象，通过树对象获取所有的树节点，遍历树节点设置expand属性为true则全部展开，设置为false则全部收起，注意节点要设置id

Answer 3

第三个问题解决了吗