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


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 仿关机效果的图片层
Dec 26 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
Mar 25 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
Sep 05 Javascript
JavaScript学习笔记整理_关于表达式和语句
Sep 19 Javascript
javascript 中iframe高度自适应(同域)实例详解
May 16 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
echarts整合多个类似option的方法实例
Jul 10 Javascript
详解angular2.x创建项目入门指令
Oct 11 Javascript
Vue请求JSON Server服务器数据的实现方法
Nov 02 Javascript
原生JS实现留言板功能
Feb 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
PHP 柱状图实现代码
2009/12/04 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
php中防止伪造跨站请求的小招式
2011/09/02 PHP
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
smarty中js的调用方法示例
2014/10/27 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
PHP中PDO的事务处理分析
2016/04/07 PHP
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
前端轻量级MVC框架CanJS详解
2014/09/26 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
jQuery带时间的日期控件代码分享
2015/08/26 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
浅谈JavaScript的闭包函数
2016/12/08 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
2017/04/06 Javascript
浅谈一个webpack构建速度优化误区
2019/06/24 Javascript
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
python2 与python3的print区别小结
2018/01/16 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
pygame实现成语填空游戏
2019/10/29 Python
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
AutoShack.com加拿大:北美主要的汽车零部件零售商
2019/07/24 全球购物
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
美国小蜜蜂Burt’s Bees德国官网:天然唇部、皮肤和身体护理产品
2020/06/14 全球购物
总经理岗位职责描述
2014/02/08 职场文书
中学生英语演讲稿
2014/04/26 职场文书
初中班主任经验交流材料
2014/05/16 职场文书
重点工程汇报材料
2014/08/27 职场文书
教师四风自我剖析材料
2014/09/30 职场文书
国际贸易实训报告
2014/11/05 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL