|
关于uniapp中onReachBottomDistance在pages.json中的有什么作用一直搞不清楚，通过一个案例让我们来了解它的用处。
代码：
"style": {
"onReachBottomDistance":100,
"navigationBarTitleText": "购物车",
"enablePullDownRefresh": true,
"app-plus":{
"pullToRefresh": {
"support": true,
"color": "#fa436a",
"style": "default"
}
}
购物车页面呀！！！！！
export default{
data(){
return{
}
},
onReachBottom(){//页面上拉触底事件的处理函数
console.log("用户把这个页面上拉100时触发我的")
}
}
.cartWrap{
height:900px;
}
**注意：**在这里页面的高度一定大于可视高度，可以理解为要出现滚动条。这样页面的onReachBottom事件才会触发。希望通过这个案例大家对uniapp中配置onReachBottomDistance的用处有了一定的了解
|