记一次由于loading未配置导致的bug及解决方案

发布时间 2023-12-05 11:10:52作者: Zzp_zzZ

在做项目的时候,由于一开始没有对loading做统一的配置,每个成员根据自己的需要去开启关闭loading, 导致在页面请求比较多,网络比较差的时候,loading容易开开关关闪烁,导致用户误操作;

然后我就为loading做了个优化,首先是在根组件App.vue 增加了一个loading, 在store 里面 count  = 0 变量来 控制开关;遇到异步操作 count++  异步操作执行完毕 count--  ;这样只有  所有异步操作执行完毕,count 才会 重新归零   loading关闭  ;

同样在通用请求 也增加了loading的配置。

为了 兼容以前的代码,所以loading 默认为关闭,有需要则主动开启