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


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 相关文章推荐
解决 firefox 不支持 document.all的方法
Mar 12 Javascript
javascript 继承实现方法
Aug 26 Javascript
Ext 今日学习总结
Sep 19 Javascript
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 Javascript
基于jquery的滚动鼠标放大缩小图片效果
Oct 27 Javascript
Javascript中作用域的详细介绍
Oct 06 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
xmlplus组件设计系列之树(Tree)(9)
May 02 Javascript
js动态设置select下拉菜单的默认选中项实例
Aug 21 Javascript
浅谈微信小程序flex布局基础
Sep 10 Javascript
ES6 Set结构的应用实例分析
Jun 26 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 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 date()日期时间函数详解
2010/05/16 PHP
PHP批量检测并去除文件BOM头代码实例
2014/05/08 PHP
启用Csrf后POST数据时出现的400错误
2015/07/05 PHP
php实现的简易扫雷游戏实例
2015/07/09 PHP
调用WordPress函数统计文章访问量及PHP原生计数器的实现
2016/03/21 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
2013/05/19 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
js实现简单的星级选择器提交效果适用于评论等
2013/10/18 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
JQuery限制复选框checkbox可选中个数的方法
2015/04/20 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
2017/08/03 Javascript
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
基于vuex实现购物车功能
2021/01/10 Vue.js
Python标准库之sqlite3使用实例
2014/11/25 Python
numpy中实现ndarray数组返回符合特定条件的索引方法
2018/04/17 Python
Python面向对象程序设计类变量与成员变量、类方法与成员方法用法分析
2019/04/12 Python
详解Python用户登录接口的方法
2019/04/17 Python
python之mock模块基本使用方法详解
2019/06/27 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
Python对称的二叉树多种思路实现方法
2020/02/28 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
django使用多个数据库的方法实例
2021/03/04 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
三维科技面试题
2013/07/27 面试题
2015年七一建党节演讲稿
2015/03/19 职场文书
2015年小学语文工作总结
2015/05/25 职场文书
地心历险记观后感
2015/06/15 职场文书
如何Tomcat中使用ipv6地址
2022/05/06 Servers