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


Posted in Javascript onAugust 22, 2019

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

这里有两种方法来解决:

方法一

就是我们常用的本地储存,在当前子级页面用( 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实现动态增加文件域表单
Feb 12 Javascript
JS获取地址栏参数的几种方法小结
Feb 28 Javascript
JavaScript在网页中画圆的函数arc使用方法
Nov 13 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
vue实现微信获取用户信息的方法
Mar 21 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
微信小程序个人中心的列表控件实现代码
Apr 26 Javascript
如何用JS模拟实现数组的map方法
Jul 30 Javascript
Vue父子组件传值的一些坑
Sep 16 Javascript
通过扫小程序码实现网站登陆功能
Aug 22 #Javascript
vue中实现上传文件给后台实例详解
Aug 22 #Javascript
js的新生代垃圾回收知识点总结
Aug 22 #Javascript
JS实现移动端在线签协议功能
Aug 22 #Javascript
jQuery表单选择器用法详解
Aug 22 #jQuery
node实现简单的增删改查接口实例代码
Aug 22 #Javascript
微信小程序实现上传图片裁剪图片过程解析
Aug 22 #Javascript
You might like
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
第十二节 类的自动加载 [12]
2006/10/09 PHP
PHP CLI模式下的多进程应用分析
2013/06/03 PHP
PHP CURL获取cookies模拟登录的方法
2013/11/04 PHP
实例讲解PHP面向对象之多态
2014/08/20 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
多种方法实现JS动态添加事件
2013/11/01 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
2014/12/18 Javascript
jQuery基础知识小结
2014/12/22 Javascript
setTimeout内不支持jquery的选择器的解决方案
2015/04/28 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
VUE页面中加载外部HTML的示例代码
2017/09/20 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
wxPython 入门教程
2008/10/07 Python
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
Python类的继承、多态及获取对象信息操作详解
2019/02/28 Python
python 字典访问的三种方法小结
2019/12/05 Python
Python实现随机生成任意数量车牌号
2020/01/21 Python
python opencv圆、椭圆与任意多边形的绘制实例详解
2020/02/06 Python
基于python实现微信好友数据分析(简单)
2020/02/16 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
Python里面如何实现tuple和list的转换
2012/06/13 面试题
生产现场工艺工程师岗位职责
2013/11/28 职场文书
大学毕业生的自我鉴定
2013/11/30 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
园艺师求职信
2014/04/27 职场文书
转正申请报告格式
2015/05/15 职场文书
听课评课活动心得体会
2016/01/15 职场文书
Java9新特性之Module模块化编程示例演绎
2022/03/16 Java/Android
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫
微信小程序实现轮播图指示器
2022/06/25 Javascript