showLoading 与 hideLoading 必须配对使用

1,712 阅读1分钟

image.png

  • 可以看到,控制台报警告了,我是在写uniapp,vue3开发的。先上代码。
  • http.ts

image.png

  • 可以看到,我是在发起请求前调用了showLoading,然后在complete方法里面调用了hideLoading关闭loading,按理来说没问题呀,为什么会配对不上呢,经过测试发现问题。

image.png

当我把这行注释掉,发现警告没了,toast消息提示导致loading提示关闭,从而complete方法里面的hideLoading没有匹配到。

解决方法:在success成功函数里面先调用hideLoading关闭loading,这样toast消息提示就影响不到showLoading了,当然失败也要关闭loading(complete方法里面就不能写hideLoading了)

image.png 完美

  • 期间我有想过success函数里面的else不写toast,然后我complete就可以写一个hideLoading就好了,但是这样的话 我每个页面的接口都要单独去把错误信息提示出来,所以我上面的方案 目前是我自己能想到最完美的方案!没毛病。