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


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 select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
Dec 19 Javascript
js获取客户端外网ip的简单实例
Nov 21 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
JS实现全屏的四种写法
Dec 30 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
微信小程序如何调用图片接口API并居中显示
Jun 29 Javascript
vue 父组件通过v-model接收子组件的值的代码
Oct 27 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
Jan 25 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
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
php中使用exec,system等函数调用系统命令的方法(不建议使用,可导致安全问题)
2012/09/07 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
jQuery中的常用事件总结
2009/12/27 Javascript
基于jQuery试卷自动排版系统
2010/07/18 Javascript
jquery maxlength使用说明
2011/09/09 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
js实现简单div拖拽功能实例
2015/05/12 Javascript
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
jQuery获取select选中的option的value值实现方法
2016/08/29 Javascript
Bootstrap Navbar Component实现响应式导航
2016/10/08 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
使用Python进行稳定可靠的文件操作详解
2013/12/31 Python
python实现sublime3的less编译插件示例
2014/04/27 Python
Python的Django框架中TEMPLATES项的设置教程
2015/05/29 Python
Python实现的读写json文件功能示例
2018/06/05 Python
Python判断中文字符串是否相等的实例
2018/07/06 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
selenium跳过webdriver检测并模拟登录淘宝
2019/06/12 Python
Python Selenium实现无可视化界面过程解析
2020/08/25 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
浅析python实现动态规划背包问题
2020/12/31 Python
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
如何提高JDBC的性能
2013/04/30 面试题
网络宣传方案
2014/03/15 职场文书
汽车维修求职信
2014/06/15 职场文书
房屋过户委托书范本
2014/10/07 职场文书
2015毕业寄语大全
2015/02/26 职场文书
2015年少先队活动总结
2015/03/25 职场文书