uni-app 下拉刷新与下拉加载问题总结

1.话不多说先来个pages.json 配置说明 

"style": {
                "navigationStyle": "custom",
                "app-plus": {
                    "titleView": false,
                    "pullToRefresh":{ //下拉样式配置
                        "color":"red" //我简单的配置了个颜色
                    }
                },
                "enablePullDownRefresh": true ,//这个就是开启下拉的配置,必要的*
                "onReachBottomDistance": 100  ,//上拉刷新距离(上拉到距离底部100px 时调用上拉方法)      上拉不需要开启
            }

2.vue页面 

 // 上拉加载监听
        onReachBottom() {
            this.上拉方法();
        },
        // 下拉刷新监听
        onPullDownRefresh() {
            this.下拉刷新()
        },

当然我们这里只是实现了一个简单的 下拉刷新与下拉加载  ,其中的上拉的显示问题还没解决(加载中...等显示问题)

{{加载中.....}}

我们可以在页面上用语句判断显示与文字改变,这里就不说了

 

 

 

 

你可能感兴趣的:(uni-app)