扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
axios简单实现小程序延时loading指示
小程序和小游戏的wx.showLoading方法相信大家都不会陌生，但是怎样处理loading才能又更好的用户体验呢？
假设需求如下，1秒类请求没有相应，才弹出loading，否则不弹出，请求错误时，弹出toast。
配合axios实现如下：
1.在状态管理部分存储loading状态
export const loadingStatus$: BehaviorSubject= new BehaviorSubject (false) axios.interceptors.request.use( (config: any) => { loadingStatus$.next(true) return config }, (error: any) => { return Promise.reject(error) }, ) axios.interceptors.response.use( (response: any) => { loadingStatus$.next(false) return response.data }, (error: any) => { loadingStatus$.next(false) wx.showToast({ title: 'something wrong happened, please try it later' }) return Promise.reject(error) }, )
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网