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


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 相关文章推荐
用JS实现的一个include函数
Jul 21 Javascript
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
Aug 04 Javascript
JavaScript 对象模型 执行模型
Dec 06 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 Javascript
代码触发js事件(click、change)示例应用
Dec 13 Javascript
使用jQuery判断IE浏览器版本的代码
Jun 14 Javascript
前端框架Vue.js中Directive知识详解
Sep 12 Javascript
webpack引入eslint配置详解
Jan 22 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 Javascript
Vue组件简易模拟实现购物车
Dec 21 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
透析PHP的配置文件php.ini
2006/10/09 PHP
限制ckeditor上传图片文件大小的方法
2013/11/15 PHP
php实现分页显示
2015/11/03 PHP
Laravel 修改默认日志文件名称和位置的例子
2019/10/17 PHP
php libevent 功能与使用方法详解
2020/03/04 PHP
CSS+JS构建的图片查看器
2006/07/22 Javascript
基于JQuery实现异步刷新的代码(转载)
2011/03/29 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
2016/07/09 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
js指定步长实现单方向匀速运动
2017/07/17 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
python读写csv文件方法详细总结
2019/07/05 Python
如何在django中添加日志功能
2020/02/06 Python
Python读取yaml文件的详细教程
2020/07/21 Python
python如何爬取网页中的文字
2020/07/28 Python
手把手教你将Flask应用封装成Docker服务的实现
2020/08/19 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
阿迪达斯比利时官方商城:adidas比利时
2016/10/10 全球购物
时尚孕妇装:Ingrid & Isabel
2019/05/08 全球购物
医学生自我评价
2014/01/27 职场文书
中餐厅经理岗位职责
2014/04/11 职场文书
三年级评语大全
2014/04/23 职场文书
学生无故旷课检讨书
2014/09/20 职场文书
加强作风建设演讲稿
2014/10/24 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书
餐厅如何利用“营销策略”扭转亏本局面
2019/10/15 职场文书
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS
改造DE1103三步曲
2022/04/07 无线电
使用Python解决图表与画布的间距问题
2022/04/11 Python