首页
Python
Java
前端
数据库
Linux
Chatgpt专题
开发者工具箱
onreachbottom专题
微信小程序开发系列(三十二)·如何通过小程序的API实现页面的上拉加载(onReachBottom事件)和下拉刷新(onPullDownRefresh事件)
目录 1. 上拉加载 2. 下拉刷新 1. 上拉加载 上拉加载是小程序中常见的一种加载方式,当用户滑动页面到底部时,会自动加载更多的内容,以便用户继续浏览小程序中实现上拉加载的方式: ① 在app.json或者page.json中配置距离页面底部距离:onReachBottomDistance;默认50px。 ② 在页面.js中定义onReachB
阅读更多...
appuni onReachBottom 下拉加载更多数据的拼接数据方法
在appuni开发过程中,看到同事一个数据拼接写法,是这样 this.articleList=[...this.articleList,...res.data.data]; 而我常用的是 this.articleList=this.articleList.concat(res.data.data); 因为我不是专业前端,所以在IT群,问了大佬们,他们说3个点数组形式是es6的语法糖。
阅读更多...
uni-app 上拉加载函数 onReachBottom 不触发
记一次问题解决记录。 问题:uni-app 上拉加载函数不触发。 首先我已经在 pages.json 文件中配置了 enablePullDownRefresh 为 true,且配置正确。 {"path": "pages/list/list","style": {"enablePullDownRefresh": true}}, 查资料之后,有一种说法是 onReachBottomDista
阅读更多...
小程序触底事件onReachBottom和scroll-view冲突无法触发解决
<scroll-view scroll-y @scrolltolower="enevtname" </scroll-view> enevtname(){console.log('触底了')} 记录一下,在scroll-view中使用onReachBottom是无效的,用@scrolltolower这个事件来监听就好使了。
阅读更多...
【uniapp】触底加载事件 onReachBottom 不生效
我遇到的情况有: 检查 css 是不是写了overflow-y: scroll; 或 overflow: auto; 是不是用了局部滚动 <scroll-view></scroll-view>; 注意: onReachBottom 和 scroll-view 是冲突的
阅读更多...
【uniapp】触底加载事件 onReachBottom 不生效
我遇到的情况有: 检查 css 是不是写了overflow-y: scroll; 或 overflow: auto; 是不是用了局部滚动 <scroll-view></scroll-view>; 注意: onReachBottom 和 scroll-view 是冲突的
阅读更多...