以首页index下拉刷新为例
一、pages.json的配置
"pages": [
{
"path": "pages/tabbar/index/index",
"style": {
"enablePullDownRefresh": true, //开启下拉刷新
"app-plus": {
"titleNView": false
}
}
}
]
二、index.vue 首页的使用(仅作示例)
//监听下拉刷新
onPullDownRefresh() {
this.getIndexData()
},
//页面初始加载
created() {
this.getIndexData()
},
methods: {
//首页数据的获取请求方法
getIndexData(){
uni.request({
url: 'http://服务端的接口/index',
method: 'GET',
success: res => {
// 请求成功后的数据操作
},
fail: (err) => {
// 请求失败后的操作
},
complete: () => {
uni.stopPullDownRefresh(); // <<---关闭下拉刷新的动画效果
}
});
}
}