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


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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
js在指定位置增加节点函数insertBefore()用法实例
Jan 12 Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 Javascript
jquery ui dialog替代confirm实例分析
Jan 25 Javascript
js获取ip和地区
Mar 10 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
JavaScript hasOwnProperty() 函数实例详解
Aug 04 Javascript
AngularJS中filter的使用实例详解
Aug 25 Javascript
分享5个好用的javascript文件上传插件
Sep 16 Javascript
解决vue 退出动画无效的问题
Aug 09 Javascript
JavaScript封装单向链表的示例代码
Sep 17 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实现读取和写入tab分割的文件
2015/06/01 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
JS表格组件神器bootstrap table使用指南详解
2017/04/12 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
使用Vue生成动态表单
2019/11/26 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[01:16:16]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第二场 1月8日
2021/03/11 DOTA
Python时区设置方法与pytz查询时区教程
2013/11/27 Python
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
python编写暴力破解FTP密码小工具
2014/11/19 Python
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
python开发之thread线程基础实例入门
2015/11/11 Python
Python Dataframe 指定多列去重、求差集的方法
2018/07/10 Python
PyQtGraph在pyqt中的应用及安装过程
2019/08/04 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
html2canvas把div保存图片高清图的方法示例
2018/03/05 HTML / CSS
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
绩效专员岗位职责
2013/12/02 职场文书
幼儿园母亲节活动方案
2014/03/10 职场文书
幼儿园亲子活动总结
2014/04/26 职场文书
单位委托书怎么写
2014/08/02 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
2014年图书管理员工作总结
2014/12/01 职场文书
团员个人年度总结
2015/02/26 职场文书
初中生物教学反思
2016/02/20 职场文书
《西门豹》教学反思
2016/02/23 职场文书
Python使用openpyxl批量处理数据
2021/06/23 Python