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


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延迟执行实现方法(setTimeout)
Dec 30 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
JS+CSS实现的蓝色table选项卡效果
Oct 08 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
微信小程序 前端源码逻辑和工作流详解
Oct 08 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
vue.js父组件使用外部对象的方法示例
Apr 25 Javascript
Vue非父子组件通信详解
Jun 12 Javascript
一个简易时钟效果js实现代码
Mar 25 Javascript
vue和webpack打包项目相对路径修改的方法
Jun 15 Javascript
layui问题之模拟select点击事件的实例讲解
Aug 15 Javascript
详解react组件通讯方式(多种)
May 06 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获取网卡地址的代码
2008/04/09 PHP
php处理复杂xml数据示例
2016/07/11 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
javascript中的startWith和endWith的几种实现方法
2013/05/07 Javascript
javascript动态判断html元素并执行不同的操作
2014/06/16 Javascript
JavaScript中匿名、命名函数的性能测试
2014/09/04 Javascript
Lab.js初次使用笔记
2015/02/28 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
2016/06/14 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
详解webpack import()动态加载模块踩坑
2018/07/17 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
如何在postman中添加cookie信息步骤解析
2020/06/30 Javascript
[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard
2020/04/28 DOTA
使用Python中的tkinter模块作图的方法
2017/02/07 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
pycham查看程序执行的时间方法
2018/11/29 Python
python数据处理 根据颜色对图片进行分类的方法
2018/12/08 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
python读取excel数据并且画图的实现示例
2021/02/08 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
在html页面中取得session中的值的方法
2020/08/11 HTML / CSS
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
顺丰快递Java软件工程师面试题
2015/07/31 面试题
工作决心书
2014/03/11 职场文书
禁烟标语大全
2014/06/11 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
团员个人年度总结
2015/02/26 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书