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++){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;this.$refs.treeX.store._getAllNodes()[i].expanded=this.isexpand;&nbsp; &nbsp; &nbsp; &nbsp; }this.$refs.treeX是树对象，通过树对象获取所有的树节点，遍历树节点设置expand属性为true则全部展开，设置为false则全部收起，注意节点要设置id