UNI-APP_uni-app下拉刷新，uni-app上拉加载

「爱情、让人受尽委屈。」 2022-12-13 04:43 100阅读 0赞

#### pages.js 文件开启 ####

![在这里插入图片描述][20201010134307565.png_pic_center]

"enablePullDownRefresh": true

#### 生命周期函数 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU5OTkzMQ_size_16_color_FFFFFF_t_70_pic_center]

//上拉触底生命周期
    onReachBottom(){ 
         console.log("触底了")
     },
     //下拉生命周期
     onPullDownRefresh() { 
         console.log('下拉刷新');
         setTimeout(function () { 
             uni.stopPullDownRefresh();  //关闭下拉刷新
         }, 1000);
     },

#### 页面加载调用下拉刷新 ####

onLoad(options) { 
        uni.startPullDownRefresh({ 
            success：function(res){ 
                console.log(res);  //success 返回参数说明
            }
        });  //这里表示当进入页面的时候就开始执行下拉刷新动画
    },

[20201010134307565.png_pic_center]: /images/20221123/003c4fcea19c4627aa61e101589fd630.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU5OTkzMQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/4c323c52e63a4fe3a24d75ce990bd850.png

发表评论取消回复

表情：

评论列表（有 0 条评论，100人围观）

还没有评论，来说两句吧...

相关阅读

相关上拉加载下拉刷新

老方法，先上效果图： ![1264306-20190925171702811-981213350.gif][] 1.加入下拉刷新上拉加载的依赖 1 //下拉刷新

一时失言乱红尘/ 2023年08月17日 17:09/ 0 赞/ 129 阅读

相关 uniapp的下拉刷新和上拉加载

首先来说uniapp本身有对应的上拉加载和下拉刷新对应的生命周期现在对自己一直写着的上拉加载和下拉刷新做个总结，优化 <template> <view

小鱼儿/ 2023年05月22日 08:43/ 0 赞/ 69 阅读

相关 uniapp实现上拉加载和下拉刷新

下拉刷新`onPullDownRefresh` > 需要先在pages.json中开启下拉刷新 //在pages.json中找到需要开启的页面. 在style中

本是古典何须时尚/ 2023年03月06日 03:53/ 0 赞/ 21 阅读

相关 uniapp 下拉刷新和上拉加载更多

uniapp 下拉刷新和上拉加载更多实现代码，兼容小程序，H5，app，真机测试可用。实现代码 1.在页面写这两方法，分别是下拉刷新和下拉触底的监听事件 //

淩亂°似流年/ 2022年10月28日 03:41/ 0 赞/ 253 阅读

相关下拉刷新上拉加载

下拉刷新： ![Center][] ![Center 1][] ![Center 2][] 上划加载 ![Center 3][] ![C

约定不等于承诺〃/ 2022年07月17日 02:22/ 0 赞/ 346 阅读

相关 uniapp 上垃加载下拉刷新 mescroll

![在这里插入图片描述][20190814112757569.png] <template> <mescroll-uni :down="downOption

以你之姓@/ 2021年10月19日 01:34/ 0 赞/ 619 阅读

相关 mui上拉刷新下拉加载

废话不多说，直接上代码 1、容器  <div id="refreshContainer" class="mui-content m

Dear 丶/ 2021年09月15日 16:48/ 0 赞/ 436 阅读

相关 uniapp下拉刷新上拉加载

一、需求留言板主页，显示所有的留言信息，带有分页功能；上拉加载数据，下拉刷新数据二、代码 ![在这里插入图片描述][watermark_t

﹏ヽ暗。殇╰゛Y/ 2021年09月03日 04:51/ 0 赞/ 704 阅读

相关 uniapp项目下拉刷新、上拉加载功能实现。

1、下拉刷新（1）在 page.json 文件夹下找到对应页面，并在style下加入 — “enablePullDownRefresh”: true ，如下：

「爱情、让人受尽委屈。」/ 2021年07月25日 12:15/ 0 赞/ 925 阅读

相关 uniapp的上拉加载和下拉刷新

> 插件地址 [https://ext.dcloud.net.cn/plugin?id=29\detail][https_ext.dcloud.net.cn_plugin_id

灰太狼/ 2021年07月25日 00:55/ 0 赞/ 736 阅读