1.话不多说先来个pages.json 配置说明
"style": {
"navigationStyle": "custom",
"app-plus": {
"titleView": false,
"pullToRefresh":{ //下拉样式配置
"color":"red" //我简单的配置了个颜色
}
},
"enablePullDownRefresh": true ,//这个就是开启下拉的配置,必要的*
"onReachBottomDistance": 100 ,//上拉刷新距离(上拉到距离底部100px 时调用上拉方法) 上拉不需要开启
}
2.vue页面
// 上拉加载监听
onReachBottom() {
this.上拉方法();
},
// 下拉刷新监听
onPullDownRefresh() {
this.下拉刷新()
},
当然我们这里只是实现了一个简单的 下拉刷新与下拉加载 ,其中的上拉的显示问题还没解决(加载中...等显示问题)
<view class="uni-loadmore" v-if="showLoadMore">{{加载中.....}}</view>
我们可以在页面上用语句判断显示与文字改变,这里就不说了