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


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 相关文章推荐
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
May 05 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
Sep 12 Javascript
JS实现鼠标滑过显示边框的菜单效果
Sep 21 Javascript
分分钟玩转Vue.js组件
Oct 25 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
Dec 08 Javascript
基于jQuery实现火焰灯效果导航菜单
Jan 04 Javascript
js中Number数字数值运算后值不对的解决方法
Feb 28 Javascript
Three.js的使用及绘制基础3D图形详解
Apr 27 Javascript
js中bool值的转换及“&&”、“||”、 “!!”详解
Dec 21 Javascript
vue 出现data-v-xxx的原因及解决
Aug 04 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
法国:浪漫之都的咖啡文化
2021/03/03 咖啡文化
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
php采用curl模仿登录人人网发布动态的方法
2014/11/07 PHP
浅谈PHP的反射API
2017/02/26 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
超简单的jquery的AJAX用法
2010/05/10 Javascript
发布一个基于javascript的动画类 Fx.js
2010/11/05 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
2015/10/16 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
jQuery自定义元素右键点击事件(实现案例)
2017/04/28 jQuery
微信小程序媒体组件详解(视频,音乐,图片)
2017/09/19 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
webpack3之loader全解析
2017/10/26 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
angular使用md5,CryptoJS des加密的方法
2019/06/03 Javascript
为Python的web框架编写前端模版的教程
2015/04/30 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
pow在python中的含义及用法
2019/07/11 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
Python实现变声器功能(萝莉音御姐音)
2019/12/05 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
新英格兰最大的特色礼品连锁店:The Paper Store
2018/07/23 全球购物
岗位职责的含义
2013/11/17 职场文书
关于工资低的辞职信
2014/01/14 职场文书
教师节商场活动方案
2014/02/13 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
热门专业求职信
2014/05/24 职场文书
跑操口号
2014/06/12 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
海底两万里读书笔记
2015/06/26 职场文书
css弧边选项卡的项目实践
2023/05/07 HTML / CSS