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


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 相关文章推荐
js数组去重的常用方法总结
Jan 24 Javascript
详解JavaScript编程中正则表达式的使用
Oct 25 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
BootStrap和jQuery相结合实现可编辑表格
Apr 21 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
Aug 10 Javascript
angularJS Provider、factory、service详解及实例代码
Sep 21 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
基于vue和react的spa进行按需加载的实现方法
Sep 29 Javascript
微信小程序实现动态列表项的顺序加载动画
Jul 25 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
Nov 26 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
Jul 20 Javascript
vue实现树状表格效果
Dec 29 Vue.js
微信小程序开发(二):页面跳转并传参操作示例
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 REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
PHP 递归效率分析
2009/11/24 PHP
PHP的加密方式及原理
2012/06/14 PHP
PHP用身份证号获取星座和生肖的方法
2013/11/07 PHP
Laravel中10个有用的用法小结
2019/05/06 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
jquery里的正则表达式说明
2011/08/03 Javascript
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
Prototype框架详解
2015/11/25 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
2016/04/26 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
2018/08/01 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
2018/09/29 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
Python字典简介以及用法详解
2016/11/15 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
python绘制评估优化算法性能的测试函数
2019/06/25 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
python将时分秒转换成秒的实例
2019/12/07 Python
基于python plotly交互式图表大全
2019/12/07 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
使用Html5 Stream开发实时监控系统
2020/06/02 HTML / CSS
Tessabit美国:集世界奢侈品和设计师品牌的意大利精品买手店
2020/06/29 全球购物
回门宴新郎答谢词
2014/01/12 职场文书
合作投资意向书
2014/04/01 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
2014小学教师个人工作总结
2014/11/10 职场文书
总经理助理岗位职责
2015/01/31 职场文书
美术教师求职信范文
2015/03/20 职场文书
Python函数对象与闭包函数
2022/04/13 Python
MySQL sql模式设置引起的问题
2022/05/15 MySQL