前言:前端开发中有这么一个场景,当我们多个接口需要请求后台时,有个接口B需要另一个接口A返回到的数据.我们通常的做法的是在A接口正常返回的代码里再去请求接口B
getUserInfo () {
qryUserInfo().then(res => {
if (res.code === 0) {
this.getUserRole()
}
})
}
以上做法完全可行,但是代码的可读性比较不好.下面我们用同步的方法来实现上面的需求
methods: {
async init () {
//同步获取用户信息
const userInfo = await this.getUserInfo()
this.getUserRole(userInfo.code)
},
getUserInfo () {
return new Promise(resolve => {
qryUserInfo().then(res => {
if (res.code === 0) {
resolve(res.data)
}
})
})
},
getUserRole () {
qryUserRole().then(res => {
if (res.code === 0) {
this.roleInfo = res.data
}
})
}
}
完