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


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 相关文章推荐
utf8的编码算法 转载
Dec 27 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
Aug 23 Javascript
Js注册协议倒计时的小例子
Jun 24 Javascript
JS非空验证及邮箱验证的实例
Aug 11 Javascript
JS实现获取word文档内容并输出显示到html页面示例
Jun 23 Javascript
JS中Promise函数then的奥秘探究
Jul 30 Javascript
详解vue项目中实现图片裁剪功能
Jun 07 Javascript
深入学习Vue nextTick的用法及原理
Oct 08 Javascript
JavaScript实现密码强度实时验证
Mar 18 Javascript
小程序点餐界面添加购物车左右摆动动画
Sep 23 Javascript
JS中箭头函数与this的写法和理解
Jan 14 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生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
YII框架学习笔记之命名空间、操作响应与视图操作示例
2019/04/30 PHP
laravel框架添加数据,显示数据,返回成功值的方法
2019/10/11 PHP
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
JQuery中Bind()事件用法分析
2015/05/05 Javascript
React.js入门实例教程之创建hello world 的5种方式
2016/05/11 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
bootstrap Table插件使用demo
2017/08/07 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
JavaScript读写二进制数据的方法详解
2018/09/09 Javascript
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
2019/05/30 Javascript
vue实现修改图片后实时更新
2019/11/14 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
2019/11/20 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
2020/06/17 Javascript
[48:28]完美世界DOTA2联赛循环赛FTD vs Magma第二场 10月30日
2020/10/31 DOTA
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
举例讲解Python编程中对线程锁的使用
2016/07/12 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
python根据时间获取周数代码实例
2019/09/30 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
浅析Django中关于session的使用
2019/12/30 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
python中return不返回值的问题解析
2020/07/22 Python
如何用Python编写一个电子考勤系统
2021/02/08 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
《月球之谜》教学反思
2014/04/10 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
Python基础之元类详解
2021/04/29 Python
Python机器学习三大件之一numpy
2021/05/10 Python
win10识别不了U盘怎么办 win10系统读取U盘失败的解决办法
2022/08/05 数码科技