微信小程序要实现页面刷新,简单的说就是在不同的地方重新执行 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})
    }
    
  4. 获取页码数进行刷新,跟当前页面的刷新的方式是一样的。
    var pages = getCurrentPages()
    //对上一页进行刷新
    pages[pages.length -2 ].onload()
    

微信小程序 页面刷新的方法相关推荐

  1. 微信小程序点击带id参数跳转_微信小程序页面跳转方法和携带参数详解

    1.页面跳转方式 (1)标签跳转 open-type的属性值对应api里的用法即wx.的用法 1 跳转到新页面 (2)wx.navigateTo 方法跳转 此方法能够从跳转的页面会回到当前页面 1 w ...

  2. 微信小程序---页面刷新的几种方法

    话不多说,首先附上两个链接,表示感谢: 微信小程序如何刷新当前界面 微信小程序----返回上一页刷新或当前页刷新 要解决的问题:如下图所示,当点击立即借书成功之后,把请求回来的数据中的借书单数量显示到 ...

  3. h5跳转小程序页面url_微信小程序页面跳转方法

    我所知道的,微信小程序页面跳转有以下方法,下面分情况说明下 一.利用小程序提供的 API 跳转: 1.简单page页面之间跳转 // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateB ...

  4. 微信小程序页面跳转方法总结

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. // ...

  5. 获取微信小程序页面路径的方法

    1. 打开你的微信公众号管理平台 2. 新建图文 3. 插入小程序 4. 根据appid搜索你要获取页面路径的小程序 appid可以点击右上角"...",再在弹出框中点击小程序名称 ...

  6. 微信小程序跳转php页面,微信小程序页面跳转方法总结

    在我们日常重网有剑据些文页的底社按标近新站的不的方的开发过程中,跳转页面是每个项目中必有的需求,包括监听返回按钮,回到指定页面,在小程序中页面跳转即页面和第,.年过事工宗据指数遍互业经搞断果会击者.公 ...

  7. 【金三银四】微信小程序页面跳转方法总结,完整PDF

    开头 无论你是在校的大学生,还是职场人,这篇文章都适合你 文章末附带资深架构师必须掌握的技能 1. 我们生活的每天都面临着很严重的挑战 虽然目前看起来我们都在做着自己的事情,一切在顺利的进行着,但是, ...

  8. 微信小程序页面跳转方法总结,面试必备

    前言 文章篇幅较长,建议耐心食用,相信对你有帮助.码字不易,如果有误,欢迎指出. 前部分是面试经历,后部分是附带的问题笔记/推荐回答/书籍. 我的微信小号有一组特殊的朋友.他们从 CSDN上看到我之前 ...

  9. 微信小程序 页面刷新 onshow强制执行

    一.需求 单击按钮,实现当前页刷新 二.代码 wxml <button class="btn_submit" type="primary" size=&q ...

最新文章

  1. codeforces 165B(Burning Midnight Oil)
  2. MySQL 规范及优化
  3. 【数据挖掘知识点二】概率基础
  4. 【杂谈】数学,计算机视觉,图形图像处理
  5. 白帽子讲web安全——认证与会话管理
  6. JavaScript异步编程【中】 -- Promise 详细解析
  7. TensorFlow 2.0开发者预览版放出!上手尝鲜可以开始了
  8. jmeter录制脚本_jmeter(二)Badboy录制脚本
  9. arduino 下载 https://downloads.arduino.cc/packages/package_index.json error
  10. 真香啊,手把手教你使用 Python 获取基金信息
  11. Java面试?看这一篇就够了
  12. 心已被爱伤透,情已为爱枯竭
  13. 储存卡数据丢失恢复方法
  14. 用Python快速分析和预测股票价格
  15. 美团店铺评价语言处理以及分类(tfidf,SVM,决策树,随机森林,Knn,ensemble)...
  16. 发布《IBM虚拟机J9指南》
  17. 腾讯安全“护航舰”亮相网安周,数实融合共筑产业安全防线
  18. [转帖]P2P流媒体
  19. php超大数组插入数据库处理
  20. OR青年 | 分布鲁棒优化研究报告

热门文章

  1. 宠物经济:千亿级的孤独生意,如何用智能化玩出新花样?
  2. 【笔记】Linux安装RabbitMQ
  3. 如何实施有效的奖励,增进个人和团队的尽职度
  4. 十三、熵编码CAVLC:1、编码原理
  5. 工业机器人——装配机器人
  6. Open Street Map 全球城市路网数据下载并转为SHP格式(包含历史道路数据的下载方法)
  7. 成都python培训比较好的机构-有没有谁知道成都哪个培训机构可以学Python 要靠谱点的?...
  8. WNDCLASSEX中hIcon与hiconSm的区别?
  9. 202303 CSP认证 寄...
  10. 毕业自制基于AD19的PCB直尺