VUE-VUX组件使用
移动端的翻页效果不像pc会有下一页,大多数是通过滑动翻页来实现
在VUX组件库中有 Scroller
用 Scroller的两个时间来完成
@on-pulldown-loading 下拉
@on-pullup-loading 上拉
但是下拉方法是能触发一次(调试半天,搜好多才知道是底层问题) 组件Scroller已不再维护
考虑自己写滑动翻页(到底部调用获取翻页数据的方法)
添加监听事件
window.addEventListener()
在获取翻页数据的方法 添加判断判断数据条数是否等于每页显示条数不等于就禁用滑动
但是考虑到下拉是查看示历史数据,上拉是查看新的数据 如果每次都重新对分页数据赋值的话,下拉效果就特别不友好
可以往分页数组中push(自己设定数组最大长度,之前用的100 觉得页面显示特别慢 40-60 适中)
切记
一定要销毁监听事件,不然进行路由跳转监听事件还在哦
destroyed() {
window.removeEventListener(
);
},