element-ui Tree组件点击节点展开，其余节点收起功能

效果展示：

<template>
  <el-tree :data="data" node-key="label" ref="tree" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
</template>

this.$refs.tree.store.nodesMap[data.label].expanded = false 可以控制指定Tree树节点是展开还是收起。false收起，true展开

<script>
  export default {
    data() {
      return {
        data: [{
          label: '一级 1',
          children: [{
            label: '二级 1-1',
          }]
        }, {
          label: '一级 2',
          children: [{
            label: '二级 2-1',
          }, {
            label: '二级 2-2',
          }]
        }, {
          label: '一级 3',
          children: [{
            label: '二级 3-1',
          }, {
            label: '二级 3-2',
          }]
        }],
        defaultProps: {
          children: 'children',
          label: 'label'
        }
      };
    },
    methods: {
      handleNodeClick(data,node) {
        if(node.expanded){ //展开
            let other_nodes = this.$refs.tree.data.filter(item=>item.label !== data.label);
            other_nodes.forEach((item) => {
                this.$refs.tree.store.nodesMap[item.label].expanded = false;
            })
        }
      },
    },
  };
</script>

但是有个问题，只有两级的时候才能实现效果，如果像下面这样多级的就不能实现，这是一个超级大bug!!!······

若能解决欢迎指出~