async+await 请求默认让它先执行(类似异步变同步)

源代码:

created() {
	this.getList();// 请求查询接口
	// 查询分类的接口,根据字典类型查询字典数据信息
	this.getDicts('fund_flow_typ').then(response=>{
		 this.statusOptions = response.data;
	})
}

现在需求是需要 确保我们的查询分类执行完毕 (ps:查询接口里面需要用到分类里面的信息,所以必须执行完毕,所以还是得先查询分类执行)
(类似异步变同步)加入async和await就行啦!

  async created() {
		// 必须确保这一段代码执行完毕了在执行下面的代码
        const response = await this.getDicts("fund_flow_typ")
        this.statusOptions = response.data;
        // 这样就完全解决了我们的需求,先执行完上面一个才会调用下面一个查询接口
        this.getList();
 }

在函数定义前添加async关键字,即可将函数声明为async函数
async function sample(){}

await关键字用于在async函数内部强制等待Promise返回(暂停其它处理)

大部分情况下,async和await是搭配着使用的。

猜你喜欢

转载自blog.csdn.net/qq_42899245/article/details/108168542