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


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 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
Apr 26 Javascript
jQuery中:first-child选择器用法实例
Dec 31 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
快速入门Vue
Dec 19 Javascript
vue 组件 全局注册和局部注册的实现
Feb 28 Javascript
js实现二级菜单点击显示当前内容效果
Apr 28 Javascript
jQuery UI实现动画效果代码分享
Aug 19 jQuery
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
Sep 19 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 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
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
PHP 遍历XP文件夹下所有文件
2008/11/27 PHP
php数据库密码的找回的步骤
2011/01/12 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
Jquery练习之表单验证实现代码
2010/12/14 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
三种方式获取XMLHttpRequest对象
2014/04/21 Javascript
jQuery修改CSS伪元素属性的方法
2014/07/30 Javascript
一道面试题引发的对javascript类型转换的思考
2017/03/06 Javascript
基于JavaScript定位当前的地理位置
2017/04/11 Javascript
Vue和Bootstrap的整合思路详解
2017/06/30 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
vue.js使用v-if实现显示与隐藏功能示例
2018/07/06 Javascript
element-ui组件table实现自定义筛选功能的示例代码
2019/03/15 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
2020/06/08 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
Python中函数参数设置及使用的学习笔记
2016/05/03 Python
python中根据字符串调用函数的实现方法
2016/06/12 Python
python读写json文件的简单实现
2017/04/11 Python
numpy数组广播的机制
2019/07/12 Python
使用python从三个角度解决josephus问题的方法
2020/03/27 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
python PIL模块的基本使用
2020/09/29 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
ORACLE十问
2015/04/20 面试题
体育教育专业毕业生自荐信
2013/11/15 职场文书
医科大学生的自我评价
2013/12/04 职场文书
感恩教育活动总结
2014/05/05 职场文书
美国留学经济担保书
2014/05/20 职场文书
报考公务员诚信承诺书
2014/08/29 职场文书
高等学院职业生涯规划书范文
2014/09/16 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
农村结婚典礼主持词
2015/06/29 职场文书