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


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 相关文章推荐
xmlHTTP实例
Oct 24 Javascript
javascript 学习之旅 (3)
Feb 05 Javascript
javascript qq右下角滑出窗口 sheyMsg
Mar 21 Javascript
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
Mar 23 Javascript
javascript AOP 实现ajax回调函数使用比较方便
Nov 20 Javascript
判断文档离浏览器顶部的距离的方法
Jan 08 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 Javascript
Vue2.0使用过程常见的一些问题总结学习
Apr 10 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
在Vue中获取组件声明时的name属性方法
Sep 12 Javascript
三种Webpack打包方式(小结)
Sep 19 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/03/25 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
PHP查询快递信息的方法
2015/03/07 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
one.php 多项目、函数库、类库 统一为一个版本的方法
2020/08/24 PHP
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
基于jQuery架构javascript基础体系
2011/01/01 Javascript
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
javascript 闭包
2011/09/15 Javascript
浅谈Javascript鼠标和滚轮事件
2012/06/27 Javascript
无刷新上传文件并返回自定义值
2015/06/11 Javascript
javascript 实现动态侧边栏实例详解
2016/11/11 Javascript
Javascript封装id、class与元素选择器方法示例
2017/03/13 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
2017/11/11 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
Python实现SMTP发送邮件详细教程
2021/03/02 Python
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
python实现自动发送报警监控邮件
2018/06/21 Python
详解Python修复遥感影像条带的两种方式
2020/02/23 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
HTML5之SVG 2D入门4—笔画与填充
2013/01/30 HTML / CSS
自荐书4要点
2014/01/25 职场文书
给老婆大人的检讨书
2014/02/24 职场文书
广告宣传策划方案
2014/05/21 职场文书
企业活动策划方案
2014/06/02 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
2015年公务员工作总结
2015/04/24 职场文书
2016年教师节感言
2015/12/09 职场文书
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS