onReachBottom页面触底的事件回调
定义
页面上拉触底事件触发时距页面底部距离,单位只支持px,详见页面生命周期
可在pages.json里定义具体页面底部的触发距离onReachBottomDistance,
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/message/message",
"style": {
"navigationBarTitleText": "信息",
"enablePullDownRefresh": true,
"onReachBottomDistance": 200, // 页面触底的距离
"navigationBarBackgroundColor": "#00ff00",
"h5": { // h5页面特定样式
"titleNView": {
"backgroundColor": "#ffff00"
}
}
}
}]
比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。文章来源:https://www.toymoban.com/news/detail-817916.html
如使用scroll-view导致页面没有滚动,则触底事件不会被触发。scroll-view滚动到底部的事件请参考scroll-view的文档。文章来源地址https://www.toymoban.com/news/detail-817916.html
事件
onReachBottom() {
console.log('xiaoo')
}
到了这里,关于#Uniapp: onReachBottom页面触底的事件回调的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!