element ui使用:default-expanded-keys设置默认展开指定节点

项目需求：默认展开省市，隐藏区结构树

代码片段：

<el-tree
      :data="treeData"
      node-key="value"
      :props="defaultProps"
      :default-expanded-keys="valueList"
      :expand-on-click-node="false"
    >
</el-tree>

主要使用node-key和:default-expanded-keys两个属性

data () {
	return {
		treeData: [], // 结构树数据
		valueList: [] // 默认展开的节点 value集合
	}
}

使用watch监听异步获取的数据

watch: {
    treeData: {
      handler() {
        this.treeData.forEach((item) => {
          this.valueList.push(item.value);
        });
      },
      deep: true
    }
  },