vue promise.all使用
2019-03-10 本文已影响0人
左木北鱼
问题:
一个页面可能有多个并发请求,我们想在所有请求完成后做处理,promise.all
很好解决这个问题。
示例:
created () {
this.$toast.loading({
duration: 0,
forbidClick: true,
loadingType: 'spinner'
})
},
mounted () {
this.init()
},
methods: {
init () {
Promise.all([
this.$store.dispatch('getWeather', { city: '临沂', county: '兰山区' }),
this.$store.dispatch('getWeather', { city: '临沂', county: '兰山区' }),
new Promise((resolve, reject) => {
setTimeout(() => {
console.log(23456)
resolve({})
}, 3000)
})
]).then(res => {
this.$toast.clear()
console.log(res)
})
}
}
结果