vue element-ui v-infinite-scroll懒加载,加载更多,上下滑动加载更多

vue element-ui v-infinite-scroll懒加载,向上下滑动加载更多

其实这种滑动加载更多数据就是另外一种的常见分页功能,常见于v-for循环渲染出来的列表内容

首先先看下后端返回内容结构,和前端传的所需参数
第一次触发下拉事件,pageIndex = 2是没毛病的
vue element-ui v-infinite-scroll懒加载,加载更多,上下滑动加载更多_第1张图片
第一次下拉后端接口返回参数,每次新增10条,第一次下拉,pageNum = 2
vue element-ui v-infinite-scroll懒加载,加载更多,上下滑动加载更多_第2张图片
加载时候得loading效果
vue element-ui v-infinite-scroll懒加载,加载更多,上下滑动加载更多_第3张图片


 
 //加载时候转圈的动效
 

你可能感兴趣的:(Vue,Element-ui,JS,vue.js,javascript,python)