小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序-----刷新页面3种方式

微信小程序-----刷新页面3种方式

微信小程序要实现页面刷新,简单的说就是在不同的地方重新执行 onLoad 周期函数。

需要注意在刷新时是否要初始化变量。因为小程序都是异步操作,所以很多时候,可能会造成服务器相应慢的问题,导致页面显示的时候会有延迟、造成闪烁的情况。


1.用 onLoad 周期方法重新加载,实现当前页面的刷新。

        this.onLoad()

2.用 pages 获取到当前页码数,然后执行当前页的 onLoad 函数

        const pages = getCurrentPages()     //获取页面列表
        const perpage = pages[pages.length - 1]    //当前页   
        perpage.onLoad()

3.点击左上角的返回按钮时,返回事件不会触发 onload() ,但是会触发 onshow(),所以可以在 onshow() 中写入刷新或者是调取页面数据的代码。返回的时候会进行刷新。

    data:{
      show:false
    }
    //每次进入页面都会将show变为true
    onshow:{
        this.setData({
            show:true
        })
    }


联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了