Vue 拿到两个请求的数据,再发起第三个请求(Promise.all)

2,176 阅读1分钟

记录点滴

created () {
    this.queryInfo()
},
methods: {
    queryInfo() {
        // 请求 1
        let p1 = new Promise((resolve, reject) => {
            request_1().then(res => {
                resolve(res.data)
            }).catch(err => {
                reject(err)
            })
        })
        // 请求 2
        let p2 = new Promise((resolve, reject) => {
            request_2().then(res => {
                resolve(res.data)
            }).catch(err => {
                reject(err)
            })
        })
        // 发起第三请求
        Promise.all([p1, p2]).then(res => {
            console.log(res) // 返回的数组,就是前两个请求返回的数据
        })
    }
}