前言
在vuejs中,我们经常使用axios来请求数据,但是有时候,我们请求的数据量很大,那么我们如何实现滑动滚动条来加载数据呢?...实现思路
首先,我们需要在vuejs中引入axios
然后,我们需要从vue中,引入onMounted,onUnmounted生命周期钩子函数
然后,我们需要在onMounted函数中,进行监听
而在onUnmounted...,也就是请求axios数据,页码++,重新加载数据函数
为了防止用户频繁触发下拉滑动滚动条,往往需要添加一个函数防抖,在指定的时间内,只执行最后一次事件处理函数,避免频繁请求数据,给服务器造成压力
代码实现...dashed 1px #ccc;
}
.loading {
margin: 0 auto;
text-align:center;
}
其中核心防抖函数如下所示,实现方式也很简单...实现方式都差不多