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


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 触发事件列表 比较不错
Sep 03 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
谈谈因Vue.js引发关于getter和setter的思考
Dec 02 Javascript
一个例子轻松学会Vue.js
Jan 02 Javascript
微信小程序 地图map详解及简单实例
Jan 10 Javascript
Vue2组件tree实现无限级树形菜单
Mar 29 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 Javascript
小程序自动化测试的示例代码
Aug 11 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
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
PHP 批量删除数据的方法分析
2009/10/30 PHP
用PHP提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
PHP基于GD库的图像处理方法小结
2016/09/27 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
js 表单验证方法(实用)
2009/04/28 Javascript
模仿JQuery.extend函数扩展自己对象的js代码
2009/12/09 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
2014/04/10 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
2019/05/23 Javascript
jquery实现弹窗(系统提示框)效果
2019/12/10 jQuery
[02:20]2014DOTA2西雅图邀请赛 MVP外卡赛首胜采访
2014/07/09 DOTA
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
Python3实现购物车功能
2018/04/18 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
python三大神器之fabric使用教程
2019/06/10 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
最小二乘法及其python实现详解
2020/02/24 Python
Python pymysql模块安装并操作过程解析
2020/10/13 Python
Docker如何部署Python项目的实现详解
2020/10/26 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
sleep()方法和wait()方法的区别是什么
2012/11/17 面试题
产假请假条
2014/04/10 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
统计工作个人总结
2015/03/03 职场文书
2015年学校安全管理工作总结
2015/05/11 职场文书
教师节获奖感言
2015/07/31 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书