微信小程序-----刷新页面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() 中写入刷新或者是调取页面数据的代码。返回的时候会进行刷新。文章来源地址https://www.toymoban.com/news/detail-613216.html

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

到了这里,关于微信小程序-----刷新页面3种方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序如何返回到上一个页面,并刷新页面呢?

    前言  小程序如何返回到上一个页面,并刷新页面呢? 在普通的html页面,很简单,不用操作都可以实现。因为浏览器返回会自动刷新。 但是小程序返回是不会自动刷新上一个页面的。所以需要一点点技巧。  入图第一个页面跳转第二个页面 在第二个页面修改数据,返回第一

    2024年02月11日
    浏览(32)
  • 微信小程序刷新(重载)当前页面的方法,超简单~

    在实际开发过程中,我们经常需要重新加载或者刷新当前页面,其实非常简单,仅需要两步即可完成。 1、wxml 文件 按钮绑定点击事件,随便起个函数名,如:sx 2、 js 文件 实现sx函数,调用本页的onLoad()函数即可 就是这么简单!

    2024年02月11日
    浏览(34)
  • 微信小程序返回上一级页面并自动刷新数据

    界面由A到B,在由B返回A,触发刷新动作 界面A代码 界面B代码 代码如下(示例): 在小程序环境中对应页面的 onShow。 页面显示/切入前台时触发。 Taro React生命周期函数

    2024年03月24日
    浏览(47)
  • 微信小程序——页面事件,.启用下拉刷新监听页面的下拉刷新事件,上拉触底事件,停止下拉刷新的效果

    下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。 启用下拉刷新有两种方式: a.全局开启下拉刷新 在 app.json 的window 节点中,将 enablePullDownRefresh 设置为 true. b.局部开启下拉刷新 在页面的.json 配置文件中,将 enablePull

    2024年01月25日
    浏览(43)
  • 基于uniapp的微信小程序如何刷新页面(绝对有效)

    由于我的毕业设计就是用uniapp写的微信小程序。 碰到了这样的问题,查了许多资料,最终找到了这样的方法。 现在写出来给大家节约时间和精力。 就是用uni.redirectTo 实现页面跳转从而实现页面刷新 注意:这不能刷新tabBar页面 不要傻乎乎的用在tabBar上 跳转到tabBar页面只能使

    2024年02月11日
    浏览(34)
  • 微信小程序--操作微信自带的返回按钮使上个页面刷新列表或刷新数据

    首先要了解什么是 页面栈 ------------ 框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下: 路由方式 页面栈表现 初始化 新页面入栈 打开新页面 新页面入栈 页面重定向 当前页面出栈,新页面入栈 页面返回 页面不断出栈,直到目标返回页

    2024年02月13日
    浏览(37)
  • 微信小程序 操作完当前页面会,自动返回上一级页面,上一级页面自动刷新

    1:小程序页面有5个声明周期: 是由onLoad(页面加载)、onReady(页面初次渲染完成)、onShow(页面显示)、onUnload(页面卸载)   2:实现返回上一页的时候 其实是直接将隐藏的页面显示出来,所以不存在页面的再次加载 A页面------》B页面--------》返回A页面(自动更新A页面的数据

    2024年02月15日
    浏览(36)
  • uniapp微信小程序切换到tabber页面没有自动刷新

    前言 通过uni.switchTab跳转到tabber页面比如个人中心页面,更新的数据没有刷新。导致页面的数据还是修改之前的 解决方法 在uni.switchTab()加入回调函数; uni.switchTab成功跳转后调用success,此时可以拿到跳转后页面的page对象,从而调用页面onLoad方法重载页面。 或者 两种方法只是

    2024年02月11日
    浏览(38)
  • 微信小程序页面事件,下拉刷新事件和上拉触底事件

    下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。 开启下拉刷新有两种方式:全局和局部。一般的话是开启局部下刷新,哪里用到哪里开。 全局开启下拉刷新 ● 在 app.json 的 window 节点中,将 enablePullDownRefresh 设置为

    2024年02月16日
    浏览(35)
  • uniapp微信小程序 页面返回使用navigateBack,返回后页面不刷新问题解决方案

    尝试了众多方法,比如vuex,本地缓存,都不行 1,如果是页面之间的跳转 可以使用onShow生命周期请求数据 2,组件之间的跳转,使用redirectTo,通过关闭当前页面,跳转到指定页面再加载,这种适合二级页面到三级页面数据不更新问题 3,当一级页面使用了某个组件,组件内跳转

    2024年02月15日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包