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


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 相关文章推荐
Jquery 弹出层插件实现代码
Oct 24 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
Sep 22 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
Aug 10 Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
JavaScript引用类型Object常见用法实例分析
Aug 08 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
React如何创建组件
Jun 27 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
也谈截取首页新闻 - 范例
2006/10/09 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
浅析PHP文件下载原理
2014/12/25 PHP
php上传图片获取路径及给表单字段赋值的方法
2016/01/23 PHP
学习PHP session的传递方式
2016/06/15 PHP
详解yii2实现分库分表的方案与思路
2017/02/03 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
js验证表单大全
2006/11/25 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
使用jquery动态加载javascript以减少服务器压力
2012/10/29 Javascript
UpdatePanel和Jquery冲突的解决方法
2013/04/01 Javascript
jquery动态添加删除div 具体实现
2013/07/20 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
js左侧三级菜单导航实例代码
2013/09/13 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
JQuery实现左右滚动菜单特效
2015/09/28 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
jquery对象访问是什么及使用方法介绍
2016/05/03 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
JavaScript实现无限级递归树的示例代码
2019/03/29 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
2019/12/16 Javascript
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
在Django中URL正则表达式匹配的方法
2018/12/20 Python
Python虚拟环境venv用法详解
2020/05/25 Python
如何利用python进行时间序列分析
2020/08/04 Python
Python常用外部指令执行代码实例
2020/11/05 Python
Python使用Pygame绘制时钟
2020/11/29 Python
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
社会实践心得体会
2014/01/03 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
军训阅兵新闻稿
2015/07/17 职场文书
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers
Python数组变形的几种实现方法
2022/05/30 Python