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


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 相关文章推荐
捕获关闭窗口的脚本
Jan 10 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
javascript创建对象的几种模式介绍
May 06 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
bootstrap提示标签、提示框实现代码
Dec 28 Javascript
Bootstrap模态框使用详解
Feb 15 Javascript
js使用formData实现批量上传
Mar 27 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
javascript用defineProperty实现简单的双向绑定方法
Apr 03 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
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
php中使用Akismet防止垃圾评论的代码
2011/06/10 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
PHP中“=>
2019/03/01 PHP
PHP实现的62进制转10进制,10进制转62进制函数示例
2019/06/06 PHP
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
js导出格式化的excel 实例方法
2013/07/17 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
JavaScript修改作用域外变量的方法
2016/03/25 Javascript
JQuery实现简单的服务器轮询效果实例
2016/03/31 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
javascript中的 object 和 function小结
2016/08/14 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
微信小程序自定义组件
2017/08/16 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
2019/09/28 Javascript
vue 实现click同时传入事件对象和自定义参数
2021/01/29 Vue.js
Python 列表list使用介绍
2014/11/30 Python
详解python中的json的基本使用方法
2016/12/21 Python
python多进程实现进程间通信实例
2017/11/24 Python
python3.4控制用户输入与输出的方法
2018/10/17 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
python try...finally...的实现方法
2020/11/25 Python
今天学到的CSS最新技术(与图片背景相关)
2012/12/24 HTML / CSS
优秀求职自荐信怎样写
2013/12/18 职场文书
大学生社会实践方案
2014/05/11 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
信访工作汇报材料
2014/10/27 职场文书
学校就业保障协议书
2019/06/24 职场文书
ICOM R71E和R72E图文对比解说
2022/04/07 无线电