vue2 ant 1.7.8 treeSelect 异步加载

例图

 

<a-tree-select 
    :allowClear="true"
    showSearch
    treeNodeFilterProp="title"
    :dropdown-style="{ maxHeight: '300px', overflow: 'auto' }"
    v-model="value" 
    :tree-data="data"
    :load-data="onLoadData"
    @select="onSelect">
</a-tree-select>

created() {
   this.getMenuList()
},
methods: {
   //调接口获取根节点数据
    async getMenuList(){
      const levelId = 1
      const list = await getParentMenu(levelId);
      this.data = list?.map(item => {
        return {
          id: item.id,
          pId: item.pid,
          title: item.text,
          value: item.id, //传给后端的value,根据实际情况,我们后端要id