uni-app无法触发onReachBottom事件

uni-app 列表底部上拉刷新的时候只执行了一次

pages.json设置了enablePullDownRefresh": true

// pages.json
{"path": "pages/monitor/warnningList","style": {"navigationBarTitleText": "","enablePullDownRefresh": true,"navigationStyle": "custom","app-plus": {"titleNView": {"titleAlign": "center"}}}},

解决：先预设列表为空 this.list=[]

 onPullDownRefresh() {this.queryParams.page = 1this.list = []this.getTable()},onReachBottom() {this.queryParams.page += 1if (this.queryParams.page <= this.pagetotal) this.getTable()},methods: {async getTable() {const  res = await getAnnounList(this.queryParams)if (res.code === 600) {res.data.datas.forEach(item => {this.list.push(item)})this.pagetotal = res.data.pagetotaluni.stopPullDownRefresh()}}}

uni-app无法触发onReachBottom事件相关推荐

uniapp页面不能触发onReachBottom事件
问题上拉加载下一页数据或列表不能触发onReachBottom事件原因: 1.使用scroll-view导致页面级没有滚动,则触底事件不会被触发 2.我们经常会遇见列表发现下拉的时候: 无法触发o ...
小程序 onReachBottom 事件快速滑动时不触发的bug
一般在列表页面会先加载一定数量的数据触发上拉加载这个动作的时候再陆续加载数据假如上拉一次加载10条数据在小程序中你快速滑动页面触发加载这个事件的话你会发现小程序卡着不动了刚开始以为数据加 ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
html页面加载完成后会触发的事件_前端隐秘角落 - 页面渲染
前言如图所示,webkit内核浏览器的渲染过程(解析HTML,构建DOM树,解析CSS,构建CSSOM树 ,构建render树,布局layout,绘制painting),这些过程理解起来可能有些抽象 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十一) —— jQuery Mobile 事件详解
在前文<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...
uni App+H5 实现人脸识别
uni App+H5 实现人脸识别通过h5的视频video管理设备摄像头(不要关),在打开视频摄像时快照截取人脸照片传送到后台通过API接口调用百度人脸识别结果并通过返回数据解析自己业务需求. 1. ...
uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱
一.问题如下最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图二.解决方法 1.让其在输入框获取焦点时隐藏百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去 ...
uni app 自定义头部组件（2）局部右侧按钮
上一篇为完全的自定义头部链接:https://blog.csdn.net/qq_37403179/article/details/102955419 本片则是使用uniapp已有的自定义方法给头部添 ...

uni-app无法触发onReachBottom事件

uni-app无法触发onReachBottom事件相关推荐

最新文章

热门文章