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


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重写alert方法的实例代码
Mar 29 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
jQuery Form表单取值的方法
Jan 11 Javascript
H5上传本地图片并预览功能
May 08 Javascript
简单的Vue SSR的示例代码
Jan 12 Javascript
微信小程序icon组件使用详解
Jan 31 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
Jan 18 Javascript
vue柱状进度条图像的完美实现方案
Aug 26 Javascript
详解Nuxt.js中使用Element-UI填坑
Sep 06 Javascript
Vuex,iView UI面包屑导航使用扩展详解
Nov 04 Javascript
Vue作用域插槽实现方法及作用详解
Jul 08 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数据库操作面向对象的优点
2006/10/09 PHP
MySql中正则表达式的使用方法描述
2008/07/30 PHP
mysql limit查询优化分析
2008/11/12 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
前端必学之PHP语法基础
2016/01/01 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
PHP实现简单的计算器
2020/08/28 PHP
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
JS控制文本域只读或可写属性的方法
2016/06/24 Javascript
最棒的Angular2表格控件
2016/08/10 Javascript
Bootstrap Navbar Component实现响应式导航
2016/10/08 Javascript
vue进行图片的预加载watch用法实例讲解
2018/02/07 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
[01:20:05]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第二场 2月5日
2021/03/11 DOTA
Python编写生成验证码的脚本的教程
2015/05/04 Python
python通过加号运算符操作列表的方法
2015/07/28 Python
Python 递归函数详解及实例
2016/12/27 Python
高性能装备提升营地:Kammok
2019/02/27 全球购物
速比涛英国官网:Speedo英国
2019/07/15 全球购物
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
高校自主招生自荐信
2013/12/09 职场文书
出纳员岗位职责风险
2014/03/06 职场文书
法制报告会主持词
2014/04/02 职场文书
班主任班级寄语大全
2014/04/04 职场文书
公司年底活动方案
2014/08/17 职场文书
房地产经营管理专业自荐信
2014/09/02 职场文书
读群众路线的心得体会
2014/09/03 职场文书
教代会开幕词
2015/01/28 职场文书
找规律教学反思
2016/02/23 职场文书
《正面管教》读后有感:和善而坚定的旅程
2019/12/19 职场文书
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS
python lambda 表达式形式分析
2022/04/03 Python