loading状态切换条件

最新推荐文章于 2024-08-03 15:24:44 发布

逐渐秃头的女子

最新推荐文章于 2024-08-03 15:24:44 发布

阅读量133

点赞数

分类专栏： vue初学者方法总结文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_43714712/article/details/128544180

版权

vue初学者同时被 2 个专栏收录

14 篇文章 1 订阅

订阅专栏

方法总结

7 篇文章 0 订阅

订阅专栏

在接口未返回数据时，为提高用户体验，通常会显示一个转圈圈的加载指示器。文章提到的问题在于如何在pending接口请求期间切换显示这个加载状态。解决方案是，在发送接口请求时开启转圈圈，当接口返回数据或结束时关闭，例如在异步函数中实现这一逻辑。

摘要由CSDN通过智能技术生成

需求：当接口没有返回内容的时候，界面会比较空，对用户来说不太友好，因此我们通常会设置一个转圈圈提示用户，不要着急。
**问题：**我不知道该如何去切换，准确的说找不到切换条件，因为penging接口是不会返回任何东西的。
**办法：**条件其实就是，发送接口的时候，置为转圈圈条件，接口返回，我们就正常显示页面
例子：

async  getAnalysisList (id) { //接口
      this.spin = true//转圈圈
      await AttrTablesService.analysisList({ uids: id }).then(res => {
        this.spin = false//正常页面了
        })
      })
    },