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


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闭包
Dec 14 Javascript
调用jQuery滑出效果时闪烁的解决方法
Mar 27 Javascript
jQuery对val和atrr("value")赋值的区别介绍
Sep 26 Javascript
JS实现黑客帝国文字下落效果
Sep 01 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
Nov 04 Javascript
java必学必会之static关键字
Dec 03 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
Dec 11 Javascript
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
Koa2微信公众号开发之消息管理
May 16 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
Jul 10 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
PHP目录函数实现创建、读取目录教程实例
2011/01/13 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
php启用sphinx全文搜索的实现方法
2014/12/24 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
php构造函数与析构函数
2016/04/23 PHP
JS去除字符串的空格增强版(可以去除中间的空格)
2009/08/26 Javascript
JavaScript 变量基础知识
2009/11/07 Javascript
js网页侧边随页面滚动广告效果实现
2011/04/14 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
2015/10/13 Javascript
JS实现图片的不间断连续滚动的简单实例
2016/06/03 Javascript
javascript读取文本节点方法小结
2016/12/15 Javascript
Node.js中.pfx后缀文件的处理方法
2017/03/10 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
2018/05/03 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
在Vue 中使用Typescript的示例代码
2018/09/10 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python自动化工具日志查询分析脚本代码实现
2013/11/26 Python
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
使用Django和Python创建Json response的方法
2018/03/26 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
会计学应届毕业生推荐信
2013/11/04 职场文书
高中毕业生的个人自我评价
2014/02/21 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
公安领导班子四风问题个人整改措施思想汇报
2014/10/09 职场文书
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers