vue异步问题解决方法

第一种情况，需要在普通函数中使用axios返回的结果

methods:{

    async a(){
        // res直接可以接收到异步的请求结果
        let res = await this.b()
    },

    b(){
        // 这里可以直接返回axios的请求结果，不需要用then接收
        return this.$axios.post(请求体)
    }

}

第二种情况，需要在异步的函数中使用另一个异步函数的返回值

methods:{

    a() {
        this.$axios.post(请求体).then( async(res) => {
            let data = await this.b(res)
        })
    },

    b(item){
        // 这里可以直接返回axios的请求结果，不需要用then接收
        // 请求体中需要用到item
        return this.$axios.post(请求体)
    }    

}

第三种情况，需要在异步的函数中使用另一个异步函数的返回值，并且要对返回值进行改造

methods:{

    a() {
        this.$axios.post(请求体).then( async(res) => {
            let data = await Promise.all(
                res.map(async(item)=> {
                    let result = await this.b(item)
                    return {value: item.id, name: item.name, result}
                })
            )
        })
    },

    b(item){
        // 这里可以直接返回axios的请求结果，不需要用then接收
        // 请求体中需要用到item
        return this.$axios.post(请求体)
    }    

}