uniapp 下拉刷新
1. pages.json文件设置
- 全局设置
在pages.json文件的globalStyle对象中开启enablePullDownRefresh属性
"globalStyle": {
"enablePullDownRefresh": true
},
- 单页面设置
在pages.json文件中的pages数组中找到对应的页面,在对应页面的style属性中开启enablePullDownRefresh属性
{
"path": "pages/my/wallet",
"style": {
"navigationBarTitleText": "钱包",
"enablePullDownRefresh": true
}
},
开启刷新后,就可以在对应的页面添加刷新函数了
2.在页面调用onPullDownRefresh声明周期函数
执行完刷新后,使用uniapp自带的方法,uni.stopPullDownRefresh(),来终止刷新,否则则一直刷新
// 下拉刷新
onPullDownRefresh() {
console.log('下拉刷新');
uni.stopPullDownRefresh()
},
参考http://t.csdn.cn/Zx9S0
(笔记)