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

浙公网安备 33010602011771号