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


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建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 Javascript
微信小程序商城项目之淘宝分类入口(2)
Apr 17 Javascript
深入剖析Node.js cluster模块
May 23 Javascript
Phaser.js实现简单的跑酷游戏附源码下载
Oct 26 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
简单了解JavaScript中的执行上下文和堆栈
Jun 24 Javascript
QML实现圆环颜色选择器
Sep 25 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 Javascript
Vue 禁用浏览器的前进后退操作
Sep 04 Javascript
vue组件是如何解析及渲染的?
Jan 13 Vue.js
vue实现input输入模糊查询的三种方式
Aug 14 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
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
php中jpgraph类库的使用介绍
2013/08/08 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
菜鸟javascript基础资料整理2
2010/12/06 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
2011/09/29 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
2013/09/27 Javascript
jQuery插件slider实现拖动滑块选取价格范围
2015/04/30 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
详解vue组件化开发-vuex状态管理库
2017/04/10 Javascript
ReactNative短信验证码倒计时控件的实现代码
2017/07/20 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
2017/08/14 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
vue分页器组件编写方法详解
2019/06/28 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
vue v-model的用法解析
2020/10/19 Javascript
vue.js实现点击图标放大离开时缩小的代码
2021/01/27 Vue.js
Flask之flask-session的具体使用
2018/07/26 Python
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
python并发编程多进程 互斥锁原理解析
2019/08/20 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
Python timeit模块原理及使用方法
2020/10/10 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
Python面试题集
2012/03/08 面试题
2013年员工自我评价范文
2013/12/27 职场文书
学生会竞聘书范文
2014/03/31 职场文书
红头文件任命书范本
2014/06/05 职场文书
邮政竞聘演讲稿
2014/09/03 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
升职自荐书
2019/05/09 职场文书
Pytorch中的学习率衰减及其用法详解
2021/06/05 Python