elementUI tree 异步加载

<template>
  <div class="border" style="overflow:auto;height:545px">
    <div class="table_title mb10">菜单树</div>
    <el-tree    
    :props="props"
    :load="loadNode"
    lazy
    ref="tree"
    @node-click = "getnodeinfo"
    :expand-on-click-node="false"
    highlight-current 
    >
    </el-tree>
  </div>
</template>

<script>
export default {
  name: "menuTree",
  data() {
    return {
      props: {
        label: "name",
        children: "children",
        isLeaf: false
      }
    }
  },
  methods: {
    // 异步加载
    loadNode(node, resolve) {
      if (node.level === 0) {
        this.getrootinfo(resolve)
      } else {
        this.getchildnode(node,resolve)
      }      
    },
    // 获取子节点数据
    getChildNode (node,resolve) {
      queryPost("接口", "穿参").then(res => {
        var data = res.body.data.data
        return resolve(data)
      })
    },
    // 获取根节点数据
    getRootInfo (resolve) {
     queryPost("接口", "穿参").then(res => {
        var data = res.body.data.data
        return resolve(data)
      })
    },
    // 向父组件传点击的子节点
    getNodeInfo (data) {
      queryPost("接口", "穿参").then(res => {
        var data = res.body.data.data
        this.$emit('listenToChildEvent',data)
      })
    },
  }
}
</script>