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


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 nth-child()选择器的简单应用
Jul 10 Javascript
JS匀速运动演示示例代码
Nov 26 Javascript
js事件监听器用法实例详解
Jun 01 Javascript
jQuery学习笔记之Ajax用法实例详解
Dec 01 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
利用JavaScript如何查询某个值是否数组内
Jul 30 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
JavaScript中的"=、==、==="区别讲解
Jan 22 Javascript
JavaScript中var的重要性实例分析
Jul 09 Javascript
js对象数组和对象的使用实例详解
Aug 27 Javascript
JS回调函数 callback的理解与使用案例分析
Sep 09 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类中的各种拦截器用法分析
2014/11/03 PHP
jQuery获取json后使用zy_tmpl生成下拉菜单
2015/03/27 PHP
PHP PDOStatement::bindParam讲解
2019/01/30 PHP
PHP封装的简单连接MongoDB类示例
2019/02/13 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
jQuery学习笔记之jQuery原型属性和方法
2014/06/09 Javascript
AngularJS入门教程之Hello World!
2014/12/06 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
Bootstrap每天必学之滚动监听
2016/03/16 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
2017/02/27 Javascript
JavaScript实现替换字符串中最后一个字符的方法
2017/03/07 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
Node 自动化部署的方法
2017/10/17 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
python判断windows隐藏文件的方法
2014/03/21 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
TensorFlow saver指定变量的存取
2018/03/10 Python
python求平均数、方差、中位数的例子
2019/08/22 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
Tensorflow中的dropout的使用方法
2020/03/13 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
python+selenium爬取微博热搜存入Mysql的实现方法
2021/01/27 Python
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
英国领先的运动营养品牌:Protein Dynamix
2018/01/02 全球购物
法国二手手袋、手表和奢侈珠宝购物网站:Collector Square
2018/07/05 全球购物
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
国际商务专业职业生涯规划书范文
2014/01/17 职场文书
《中彩那天》教学反思
2014/02/22 职场文书
手把手教你导入Go语言第三方库
2021/08/04 Golang
JavaScript声明变量和数据类型的转换
2022/04/12 Javascript
Golang实现可重入锁的示例代码
2022/05/25 Golang