微信小程序 子级页面返回父级并把子级参数带回父级实现方法

 更新时间:2019年08月22日 17:01:45   作者:渺茫大海  
这篇文章主要介绍了微信小程序 子级页面返回父级并把子级参数带回父级实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

说到页面之间的跳转,跳转中顺带些参数,在程序猿的生活中是很常用的,下面就让我们来看看吧!

这里有两种方法来解决:

方法一

就是我们常用的本地储存,在当前子级页面用( wx.setStorage || wx.setStorageSync )储存好,跳转到父级页面的时候取出,采用( wx.getStorage || wx.getStorageSync ),在这里,退出的时候一定要记得清除缓存哦!!!( wx.clearStorage || wx.clearStorageSync )

方法二

方法二就要用到我们小程序的知识了

var pages = getCurrentPages(); // 获取页面栈
var currPage = pages[pages.length - 1]; // 当前页面
var prevPage = pages[pages.length - 2]; // 父级页面(返回上个页面)
// 以此类推 pages.length - n
prevPage.setData({ 
 address: 6666
})

以上是设置父级页面 data 里的 address 为6666,想带什么,setData 里放什么

最后,返回上级(父级)页面

wx.navigateBack({
 delta: 1 // 返回的页面数量
})

方法三:

这个方法就是通过全局变量来获取,在 app.js 中设置全局变量,在当前子级页面赋值,返回父级后,取值即可

globalData: {
  key: value,
}

注意:(建议)

方法一、方法二的父级在 onShow 生命周期里执行

onShow: function () {
  // 执行内容    
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • javascript小数计算出现近似值的解决办法

    javascript小数计算出现近似值的解决办法

    在javascript里面,小数只能进行相似计算,例如:5.06+1.30,你得到的结果会是6.359999999999999,但有的小数计算又是正确的,如果计算出现了近似值,你可以用如下的方法计算。
    2010-02-02
  • JavaScript给事件委托批量添加事件监听详细流程

    JavaScript给事件委托批量添加事件监听详细流程

    事件委托,一般来讲,会把一个或者一组元素的事件委托到它的父层或者更外层元素上,真正绑定事件的是外层元素,当事件响应到需要绑定的元素上时,会通过事件冒泡机制从而触发它的外层元素的绑定事件上,然后在外层元素上去执行函数
    2021-10-10
  • 关于JavaScript递归经典案例题详析

    关于JavaScript递归经典案例题详析

    递归是算法中一个重要的解法,因此,有必要单拎出来讲讲,所以下面这篇文章主要给大家介绍了关于JavaScript递归经典案例题的相关资料,需要的朋友可以参考下
    2021-07-07
  • chrome下img加载对height()的影响示例探讨

    chrome下img加载对height()的影响示例探讨

    这篇文章主要介绍了chrome下img加载对height()的影响,需要的朋友可以参考下
    2014-05-05
  • 利用JavaScript判断浏览器类型及版本

    利用JavaScript判断浏览器类型及版本

    浏览器对于我们来说,可能是最熟悉的工具了。在我们的产品开发过程中,经常要考虑浏览器兼容问题,以适应不同的用户人群,同时也减少因浏览器兼容问题所带来的服务量。所以检测浏览器的版本及类型就是很重要的一件事了,下面来一起看看用Javascript如何实现。
    2016-08-08
  • js实现橱窗展示效果

    js实现橱窗展示效果

    这篇文章主要为大家详细介绍了js实现橱窗展示效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • 11种ASP连接数据库的方法

    11种ASP连接数据库的方法

    这篇文章主要介绍了11种ASP连接数据库的方法,需要的朋友可以参考下
    2015-09-09
  • js 实现在2d平面上画8的方法

    js 实现在2d平面上画8的方法

    今天小编就为大家分享一篇js 实现在2d平面上画8的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • JavaScript webpack模块打包器如何优化前端性能

    JavaScript webpack模块打包器如何优化前端性能

    本系列主要整理前端面试中需要掌握的知识点。本节介绍webpack如何优化前端性能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • php和js对数据库图片进行等比缩放示例

    php和js对数据库图片进行等比缩放示例

    这篇文章主要介绍了php和js如何对数据库图片进行等比缩放,需要的朋友可以参考下
    2014-04-04

最新评论