onLoad通过接口获取数据，为什么不是按执行顺序打印的

285376253

export default {  
    data() {  
        return {  
            departmentLeaderA: ['请选择'],  
        };  
    },  

    onLoad(options) {  
        this.getData();  
        console.log(this.departmentLeaderA);  
    },  

    methods: {  
        async getData() {  
            let url = 'get/users/to/car/order';  

            const data = await wxRequest.Get(url, {  
                id: this.item.id  
            });  

            if (data.code != 404 && data.data !== undefined) {  
                for (let k in data.data) {  
                    this.departmentLeaderA[data.data[k].id] = data.data[k].name;  
                }  
            }  
            console.log(this.departmentLeaderA);  
        },  
    },  
};

打印的分别是：
["请选择", ob: Observer]
["请选择", "张三", "李四", ob: Observer]


问：为什么不是按执行顺序打印的

Sin3973

getData是个async异步函数，你要保证顺序执行，call这个函数时就要加个await。

```js
onLoad(options) {  
        await this.getData();  
        console.log(this.departmentLeaderA);  
    },  
```

如果不懂js的异步概念，可以搜搜掘金上一大堆讲async和await异步的帖子。

Tz小雨

[JavaScript] 纯文本查看 复制代码

export default {
  data() {
    return {
      departmentLeaderA: ['请选择'],
    };
  },

  async onLoad(options) {
    await this.getData();
    console.log(this.departmentLeaderA);
  },

  methods: {
    async getData() {
      let url = 'get/users/to/car/order';

      const data = await wxRequest.Get(url, {
        id: this.item.id,
      });

      if (data.code != 404 && data.data !== undefined) {
        for (let k in data.data) {
          this.departmentLeaderA[data.data[k].id] = data.data[k].name;
        }
      }
    },
  },
};

孤独艺术

顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶