uniapp 下拉刷新

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
（笔记）