小程序刷新页面的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序刷新页面的方法相关的知识,希望对你有一定的参考价值。

参考技术A 通常来说,我们刷新页面是因为数据有更新,因此要在数据更新后调用刷新页面的方法,来让用户看到新的数据。

比如说我现在从购物车里删除了一件商品,我们要让用户看到删除的商品不见了,这个时候就要刷新数据。

我看到网上有人说重新调用onLoad()或者onShow()方法,那是页面加载时会执行的方法,调用这两个函数也确实会刷新页面,但这是没必要的,甚至因为要重新加载整个页面会变得卡慢,我试过。

直接给需要修改的数据赋予新的值,这部分数据就被刷新了,不需要刷新整个页面。

就还说上面在购物车删除商品的例子,点击删除按钮后,可以用this.setData(),只将购物车这部分的数据刷新。

小程序数据返回时刷新当前页面数据

首先判断当前页面加载的所有页面的数组,数组中最后一个就是当前页面,然后onload当前页面。

if (getCurrentPages().length != 0) {
       //刷新当前页面的数据
       getCurrentPages()[getCurrentPages().length - 1].onLoad()
}

 或者在onShow中调用刷新数据的方法:

onShow() { //返回显示页面状态函数
    //错误处理
    //this.onLoad()//再次加载,实现返回上一页页面刷新  ******不推荐
    //正确方法
    //只执行需要刷新局部数据的方法,来进行局部刷新       ******推荐
}

 

以上是关于小程序刷新页面的方法的主要内容,如果未能解决你的问题,请参考以下文章

uni-app 小程序返回上一页并刷新数据的方法

微信小程序刷新 页面

小程序数据返回时刷新当前页面数据

2020-07-31 微信小程序数据刷新与重新加载

12.小程序 之切换到tabBar页面不刷新问题

uniapp微信小程序切换到tabber页面没有自动刷新