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


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 相关文章推荐
javaScript - 如何引入js代码
Mar 09 Javascript
JavaScript 基础知识 被自己遗忘的
Oct 15 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
jquery带动画效果幻灯片特效代码
Aug 27 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
Bootstrap进度条实现代码解析
Mar 07 Javascript
JavaScript对象_动力节点Java学院整理
Jun 23 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 Javascript
如何在CocosCreator里画个炫酷的雷达图
Apr 16 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 加密与解密的斗争
2009/04/17 PHP
PHP设计模式之代理模式的深入解析
2013/06/13 PHP
php数组查找函数总结
2014/11/18 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
javaScript 动态访问JSon元素示例代码
2013/08/30 Javascript
div模拟滚动条效果示例代码
2013/10/16 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
2016/09/24 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
解决vue中post方式提交数据后台无法接收的问题
2018/08/11 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
2020/04/20 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
Python中的super用法详解
2015/05/28 Python
Python 爬虫模拟登陆知乎
2016/09/23 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
Python MySQLdb 使用utf-8 编码插入中文数据问题
2018/03/13 Python
python for循环remove同一个list过程解析
2019/08/14 Python
python代码中怎么换行
2020/06/17 Python
css3 transform属性详解
2014/09/30 HTML / CSS
EJB3推出JPA的原因
2013/10/16 面试题
生产现场工艺工程师岗位职责
2013/11/28 职场文书
护士毕业实习感言
2014/03/05 职场文书
俞敏洪一分钟演讲稿
2014/08/26 职场文书
党员个人自我剖析材料
2014/10/08 职场文书
六年级学生期末评语
2014/12/26 职场文书
慈善献爱心倡议书
2015/04/27 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
关于windows server 2012 DC 环境 重启后蓝屏代码:0xc00002e2的问题
2022/05/25 Servers