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

 更新时间: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 () {
  // 执行内容    
}

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

相关文章

  • 网页和浏览器兼容性问题汇总(draft1)

    网页和浏览器兼容性问题汇总(draft1)

    由于IE扩展了许多私有的DOM、CSS等导致许多网页的开发者都根据IE开发,才导致许多网页的不规范,从而导致现在的浏览器浏览相同网页效果不尽相同。
    2009-06-06
  • uni-app之APP和小程序微信授权方法

    uni-app之APP和小程序微信授权方法

    这篇文章主要介绍了uni-app之APP和小程序微信授权方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • javascript省市级联功能实现方法实例详解

    javascript省市级联功能实现方法实例详解

    这篇文章主要介绍了javascript省市级联功能实现方法,以不同实例形式分析了JavaScript实现省市级联菜单的具体技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • JS如何把字符串转换成json

    JS如何把字符串转换成json

    这篇文章主要介绍了JS如何把字符串转换成json,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • JavaScript如何检测并处理页面卡顿

    JavaScript如何检测并处理页面卡顿

    页面卡顿通常指的是网页的响应速度慢,用户的操作不能及时得到反馈,本文将为大家介绍如何使用JavaScript实现检测与处理页面卡顿,需要的可以了解下
    2025-03-03
  • JavaScript指定字段排序方法sortFun函数

    JavaScript指定字段排序方法sortFun函数

    这篇文章主要介绍了JavaScript指定字段排序方法sortFun函数,数组的排序方法是sort,但是它并不支持根据指定的字段进行排序,而sortFun可以根据指定的字段进行排序,需要的朋友可以参考下
    2023-05-05
  • Bootstrap导航条学习使用(二)

    Bootstrap导航条学习使用(二)

    这篇文章主要为大家详细介绍了Bootstrap导航条的使用方法第二篇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JS实现商品倒计时实现代码

    JS实现商品倒计时实现代码

    JS实现商品倒计时实现代码,需要的朋友可以参考一下
    2013-05-05
  • js中为什么Proxy一定要配合Reflect使用

    js中为什么Proxy一定要配合Reflect使用

    大多数开发者都了解这两个 Es6 中的新增内置模块,可是你也许并不清楚为什么 Proxy 一定要配合 Reflect 使用,本文主要介绍了js中为什么Proxy一定要配合Reflect使用,感兴趣的可以了解一下
    2022-04-04
  • 实现动画效果核心方式的js代码

    实现动画效果核心方式的js代码

    为了做好导航菜单,有时候需要在菜单下拉的时候实现动画效果,所以这几天就研究了研究如何用js实现动画效果,实现动画核心要用到两个函数,一个是setTimeOut,另一个是setInterval
    2013-09-09

最新评论