[element-ui] el-tree全部展开与收回

shrinkTreeNode () {
 // 改变一个全局变量
  this.treeStatus = !this.treeStatus;
 // 改变每个节点的状态
  this.changeTreeNodeStatus(this.$refs.attrList.store.root);
},

// 改变节点的状态
changeTreeNodeStatus (node) {
  node.expanded = this.treeStatus;
  for (let i = 0; i < node.childNodes.length; i++) {
   // 改变节点的自身expanded状态
    node.childNodes[i].expanded = this.treeStatus;
   // 看看他孩子的长度,有的话就调用自己往下找
    if (node.childNodes[i].childNodes.length > 0) {
      this.changeTreeNodeStatus(node.childNodes[i]);
    }
  }
}

参考:
el-tree全部展开与收回

你可能感兴趣的:(element-ui,vue.js,前端,javascript)