微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】


Posted in Javascript onJune 01, 2020

本文实例讲述了微信小程序返回上一级页面并刷新操作。分享给大家供大家参考,具体如下:

在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话,那么可以修改为在onShow方法中触发。

微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】

onLoad(Object query):页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。

onShow:页面显示/切入前台时触发。

值得注意的是:如果上一级的页面是从上上级页面跳过来的话,之前在onLoad方法中,使用的options获取的参数方法,那么当修改为onShow加载的时候就需要,将这个方法稍微修改一下,可以选择使用页面栈的方式,获取上上级页面传来的参数:

onLoad加载:

/**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  var that = this;
  that.setData({
   project_id: options.project_id
  })
 },

修改为:

/**
  * 生命周期函数--监听页面显示
  */
 onShow: function () {
  // 页面初始化 options为页面跳转所带来的参数
  var that = this;
  let pages = getCurrentPages(); //页面栈
  let currPage = pages[pages.length - 1]; //当前页面
  that.setData({
   name: currPage.options.name //获取上上级页面传的参数
  })
 },

文章若有错误之处还望帮忙指正,谢谢。

希望本文所述对大家微信小程序设计有所帮助。

Javascript 相关文章推荐
使用Node.js实现一个简单的FastCGI服务器实例
Jun 09 Javascript
Jquery Post处理后不进入回调的原因及解决方法
Jul 15 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 Javascript
jquery实现弹出层效果实例
May 19 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
前端性能优化及技巧
May 06 Javascript
AngularJS折叠菜单实现方法示例
May 18 Javascript
Angular弹出模态框的两种方式
Oct 19 Javascript
webpack4 入门最简单的例子介绍
Sep 05 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
vue中添加与删除关键字搜索功能
Oct 12 Javascript
基于JavaScript的数据结构队列动画实现示例解析
Aug 06 Javascript
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 #Javascript
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 #Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 01 #Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 #Javascript
JavaScript forEach中return失效问题解决方案
Jun 01 #Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 #Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 #jQuery
You might like
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
PHP 正则表达式小结
2015/02/12 PHP
php文件缓存类用法实例分析
2015/04/22 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
页面中body onload 和 window.onload 冲突的问题的解决
2009/07/01 Javascript
JavaScript中的null和undefined解析
2012/04/14 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
微信小程序 switch组件详解及简单实例
2017/01/10 Javascript
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
详解如何为你的angular app构建一个第三方库
2018/12/07 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
微信小程序npm引入vant-weapp的踩坑记录
2019/08/01 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
解决vue路由name同名,路由重复的问题
2020/08/05 Javascript
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
对Python多线程读写文件加锁的实例详解
2019/01/14 Python
python-视频分帧&多帧合成视频实例
2019/12/10 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
浅谈matplotlib默认字体设置探索
2021/02/03 Python
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
翻译专业应届生求职信
2013/11/23 职场文书
反邪教警示教育方案
2014/05/13 职场文书
部门群众路线教育实践活动对照检查材料思想汇报
2014/10/07 职场文书
大学生求职简历自我评价
2015/03/02 职场文书
公司回复函格式
2015/07/14 职场文书
Nginx实现负载均衡的项目实践
2022/03/18 Servers
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis