uniapp使用onPullDownRefresh实现页面下拉刷新

介绍

在 uniapp 中使用 onPullDownRefresh实现页面下拉刷新的步骤如下：

1. 在js中定义onPullDownRefresh 处理函数,该函数和date，onLoad等生命周期函数同级，主要用于监听该页面用户下拉刷新事件。
2. 找到配置文件 pages.json并打开，然后在需要添加下拉刷新事件的页面文件中，打开enablePullDownRefresh
3. 当完成刷新数据操作后，在 onPullDownRefresh 里 添加 uni.stopPullDownRefresh来停止当前页面的下拉刷新。

代码

js

<script>
	export default {
		data() {
			return {}
		},
		// 下拉刷新
		onPullDownRefresh(){
			//刷新数据之后停止刷新
			uni.stopPullDownRefresh()  
		},
		methods: {}
	}
</script>

pages.json

"pages": [
  {
	  "path": "order/order",
	  "style": {
    	  "navigationBarTitleText": "当前页面标题",
    	  // 取消原生导航栏
		  "navigationStyle": "custom",
   		  // 实现下拉刷新样式
		  "enablePullDownRefresh": true
	   }
   }
]

这样就可以实现页面的下拉刷新操作了，更多详细操作请前往uni-app官网onPullDownRefresh