vue中调取后端数据过多,造成页面数据加载很慢

举个例子

	此时我们要查询全国人民信息列表,上亿条数据,相当庞大的数据量。
        如果把上亿条数据列在一张页面,这不得翻n个小时?
        所以我们一般会对列表使用分页效果,将列表按照每页展示多少条数据呈现出来。
        但,这样一个个的看,不如列成一排,往下滑,无需点击操作。
        那么我们需要什么?分类?没错,将所有人的相似点,
        比如职位,年龄或工资等等分为n个类,这是我们可以通过点击这些分出来的类,
        去找到我们想要的人员信息。
        但是,问题来了,同校同班都会有一两个名字一样,更不用提全国,页面加载数据会很慢,
        点击类后,无法清楚的知道当前是否时自己点击过滤后所得到的数据。
        假设我是一位新产品体验者,我的想法只会是,不如隔壁XXXXX,1. 
        所以我们会在这一区间设置一个动态加载效果,让数据在加载完后,在显示
      (也就是我们浏览器左上方(一般情况)那个重新加载地址的按钮,我称之为转圈圈)

1. 在点击按钮的标签中加上 :loading = "起个有意义的名称,这里我起的是testloading"
2. 找到想要加载的列表,在外层标签中添加 v-loading.fullscreen.lock = "testloading"
3. 在data中设置testloading初始化值为false
4. 在调用方法前让testloading false的状态为true
5. 在调取接口后(这里testloading的状态为true)将testloading true 改为false

posted @ 2022-09-23 15:38  小白的豪豪  阅读(1338)  评论(0)    收藏  举报