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


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 相关文章推荐
js资料prototype 属性
Mar 13 Javascript
jQuery 解析xml文件
Aug 09 Javascript
javascript options属性集合操作代码
Dec 28 Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
Sep 17 Javascript
ext前台接收action传过来的json数据示例
Jun 17 Javascript
js实现点击链接后延迟3秒再跳转的方法
Jun 05 Javascript
小议JavaScript中Generator和Iterator的使用
Jul 29 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
基于Javascript实现倒计时功能
Feb 22 Javascript
BootStrap table表格插件自适应固定表头(超好用)
Aug 24 Javascript
js闭包的9个使用场景
Dec 29 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随机抽奖实例分析
2015/03/04 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
jQuery判断当前点击的是第几个li的代码
2014/09/26 Javascript
jquery实现从数组移除指定的值
2015/06/24 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
2018/04/19 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
Angular路由ui-router配置详解
2018/08/01 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
python实现图片横向和纵向拼接
2020/03/05 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
CSS3教程(6):创建网站多列
2009/04/02 HTML / CSS
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
分享全球十款超强HTML5开发工具
2014/05/14 HTML / CSS
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
Book Depository澳大利亚:世界领先的专业在线书店之一
2018/12/27 全球购物
怎么写好自荐信
2013/10/30 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
怎样填写就业意向
2014/04/02 职场文书
《画杨桃》教学反思
2014/04/13 职场文书
市场开发与营销专业求职信范文
2014/05/01 职场文书
电焊工岗位工作职责
2014/07/09 职场文书
安全标兵事迹材料
2014/08/17 职场文书
2014个人四风对照检查材料思想汇报
2014/09/18 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
SQL写法--行行比较
2021/08/23 SQL Server