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

 更新时间:2020年06月01日 09:49:10   作者:二萌偏  
这篇文章主要介绍了微信小程序开发返回上一级页面并刷新操作,结合实例形式详细分析了微信小程序返回上一级页面并刷新操作方法技巧与相关注意事项,需要的朋友可以参考下

本文实例讲述了微信小程序返回上一级页面并刷新操作。分享给大家供大家参考,具体如下:

在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的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实现钟表案例

    这篇文章主要为大家详细介绍了JavaScript实现钟表案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • JS实现简单加减购物车效果

    JS实现简单加减购物车效果

    这篇文章主要为大家详细介绍了JS实现简单加减购物车效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • php is_numberic函数造成的SQL注入漏洞

    php is_numberic函数造成的SQL注入漏洞

    这篇文章主要介绍了php is_numberic函数造成的SQL注入漏洞和解决办法,需要的朋友可以参考下
    2014-03-03
  • Javascript基础之数组的使用

    Javascript基础之数组的使用

    这篇文章主要介绍了Javascript基础之数组的使用的相关资料,介绍的非常详解,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-05-05
  • javascript容错处理代码(屏蔽js错误)

    javascript容错处理代码(屏蔽js错误)

    本文主要介绍了javascript的容错处理代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript 获取事件对象的注意点

    JavaScript 获取事件对象的注意点

    平时我们获取事件对象一定要将firefox考虑进去。
    2009-07-07
  • 动态的9*9乘法表效果的实现代码

    动态的9*9乘法表效果的实现代码

    下面小编就为大家带来一篇动态的9*9乘法表效果的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-05-05
  • js日期格式化yyyy-MM-dd问题

    js日期格式化yyyy-MM-dd问题

    这篇文章主要介绍了js日期格式化yyyy-MM-dd问题,具有很好的参考价值,希望对大家大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • Javascript中的常见排序算法

    Javascript中的常见排序算法

    用JavaScript实现的常见排序算法:冒泡排序,选择排序,插入排序,谢尔排序,快速排序(递归),快速排序(堆栈),归并排序,堆排序。
    2007-03-03
  • 如何通过JS实现转码与解码

    如何通过JS实现转码与解码

    这篇文章主要介绍了如何通过JS实现转码与解码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02

最新评论