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


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 相关文章推荐
mouse_on_title.js
Aug 25 Javascript
在jQuery ajax中按钮button和submit的区别分析
Oct 07 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
angularjs指令中的compile与link函数详解
Dec 06 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
Vue的elementUI实现自定义主题方法
Feb 23 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
Aug 31 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
JavaScript多种图形实现代码实例
Jun 28 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
Jul 22 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
Oct 30 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
PHP5 面向对象(学习记录)
2009/12/02 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
fullPage.js和CSS3实现全屏滚动效果
2017/05/05 Javascript
关于vue.js发布后路径引用的问题解决
2017/08/15 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
Webpack path与publicPath的区别详解
2018/05/03 Javascript
解决循环中setTimeout执行顺序的问题
2018/06/20 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
2019/06/17 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
2020/04/11 Javascript
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
详细介绍Python函数中的默认参数
2015/03/30 Python
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
python append、extend与insert的区别
2016/10/13 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
pycharm 解除默认unittest模式的方法
2018/11/30 Python
Tensorflow 实现释放内存
2020/02/03 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
美国NBA官方商店:NBA Store
2019/04/12 全球购物
Linux如何修改文件和文件夹的权限
2012/06/27 面试题
创伤外科专业推荐信范文
2013/11/19 职场文书
给导游的表扬信
2014/01/10 职场文书
人大调研汇报材料
2014/08/14 职场文书
女性健康知识讲座通知
2015/04/23 职场文书
小学数学教师研修感悟
2015/11/18 职场文书
合作协议书格式范本
2016/03/21 职场文书