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


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 相关文章推荐
window.open的功能全解析
Oct 10 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
学习JavaScript的最佳方法分享
Oct 21 Javascript
Extjs实现进度条的两种便捷方式
Sep 26 Javascript
JavaScrip调试技巧之断点调试
Oct 22 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
Jun 05 Javascript
利用ECharts.js画K线图的方法示例
Jan 10 Javascript
使用vuex的state状态对象的5种方式
Apr 19 Javascript
Vue注册组件命名时不能用大写的原因浅析
Apr 25 Javascript
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
通过扫小程序码实现网站登陆功能
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
vs中通过剪切板循环来循环粘贴不同内容
2011/04/30 PHP
php的declare控制符和ticks教程(附示例)
2014/03/21 PHP
php简单获取目录列表的方法
2015/03/24 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
js 获取Listbox选择的值的代码
2010/04/15 Javascript
Javascript模块化编程(三)require.js的用法及功能介绍
2013/01/17 Javascript
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
js实现点击图片改变页面背景图的方法
2015/02/28 Javascript
jquery实现动静态条形统计图
2015/08/17 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
react 实现页面代码分割、按需加载的方法
2018/04/03 Javascript
js实现鼠标滑动到某个div禁止滚动
2020/09/17 Javascript
使用wxpython实现的一个简单图片浏览器实例
2014/07/10 Python
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
python中正则的使用指南
2016/12/04 Python
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
最新的大学生找工作自我评价
2013/09/29 职场文书
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
《蓝色的树叶》教学反思
2014/02/24 职场文书
中专生自荐信
2014/06/25 职场文书
初中毕业典礼演讲稿
2014/09/09 职场文书
总经理致辞
2015/07/29 职场文书
幼儿园家长心得体会
2016/01/21 职场文书
iPhone13将有八大升级
2021/04/15 数码科技