Vue.js Vuex—；全局处理网络繁忙状态？

我有一个Vue/Vuex应用程序，我正在使用布尔

networkBusyStatus

来存储API调用完成时的数据

当应用程序加载时，我会触发很多不同的调用，因此当我在我的一个组件中观看networkBusyStatus和控制台newVal时，可以预见会交替出现真、假、真、假

---

在全球范围内看这部电影的正确方式是什么，以知道什么时候“假”才是最终的“假”。i、 e.加载已正式且完全完成？

您可以使用

Promise.all

方法，以确保只有在所有API调用都已解决时，

networkBusyStatus

状态才会发生变化

.vue文件

导出默认值{
mounted（）{//正如您所知，创建的钩子也可以在这里使用
此.$store.commit（'loading'，true）
Promise.all（[this.$store.dispatch（'fetchAsyncData'）、this.$store.dispatch（'fetchAnotherAsyncDataOnTheSameComponent'））））。然后（值=>{
this.$store.commit（'loading'，false）//在所有请求都已解决时，提交将networkBusyStatus更改为false的变异
})
}

不要使用布尔值，而是使用一个在加载开始时递增、加载结束时递减的计数器。或者使用一个你推到的字符串列表，这样你就可以知道仍在加载的是什么。