【uniapp学习之】下拉刷新

最新推荐文章于 2024-03-21 22:45:44 发布

Zh.冠军

最新推荐文章于 2024-03-21 22:45:44 发布

阅读量778

点赞数

分类专栏： vue uni-app 文章标签： uni-app 学习前端

本文链接：https://blog.csdn.net/weixin_38673922/article/details/129182173

版权

vue 同时被 2 个专栏收录

52 篇文章 2 订阅

订阅专栏

uni-app

28 篇文章 0 订阅

订阅专栏

一、pages.json中，开启下拉刷新（enablePullDownRefresh:true）

在这里插入图片描述

二、代码块

    methods: {
      startPull () {
        uni.startPullDownRefresh()	//通过API开启刷新
      }
    },
    //监听下拉刷新
    onPullDownRefresh () {	//通过 onPullDownRefresh  可以监听到下拉刷新的动作
	   this.ipagination.current = 1;
	   this.ipagination.pageSize = 10;
       setTimeout(()=> {
         this.getCustomerList()		//获取列表方法
         uni.stopPullDownRefresh()	//停止当前页面下拉刷新。
       }, 1000);
    }