微信小程序-----刷新页面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
        })
    }
相关文章
|
3月前
|
小程序 JavaScript
微信小程序---简单的复制
微信小程序---简单的复制
|
9月前
|
小程序
微信小程序四种弹窗方式实例
微信小程序四种弹窗方式实例
289 0
微信小程序四种弹窗方式实例
|
5月前
|
存储 小程序 JavaScript
微信小程序-----通用获取输入框的值
微信小程序-----通用获取输入框的值
|
1月前
|
小程序 UED
微信小程序跳转的几种方式
微信小程序跳转的几种方式
|
1月前
|
小程序 前端开发 开发者
微信小程序——跳转方式
微信小程序——跳转方式
22 0
|
4月前
|
小程序 API
uniapp、微信小程序返回上页面刷新数据
uniapp、微信小程序返回上页面刷新数据
97 0
|
5月前
|
小程序
微信小程序页面跳转三种方式
微信小程序页面跳转三种方式
|
5月前
|
小程序
微信小程序------框架
微信小程序------框架
32 0
|
6月前
|
JSON 小程序 前端开发
微信小程序首页-----布局(详细教程赶快收藏吧)
微信小程序首页-----布局(详细教程赶快收藏吧)
98 0
|
7月前
|
小程序
微信小程序-提示组件
微信小程序-提示组件
129 0