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


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 读书笔记索引贴
Jan 11 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
Jan 06 Javascript
JQuery为元素添加样式的实现方法
Jul 20 Javascript
Vue.js devtool插件安装后无法使用的解决办法
Nov 27 Javascript
vue轮播图插件vue-concise-slider的使用
Mar 13 Javascript
解决一个微信号同时支持多个环境网页授权问题
Aug 07 Javascript
Vue+Node实现的商城用户管理功能示例
Dec 23 Javascript
Vue Object 的变化侦测实现代码
Apr 15 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
在JavaScript中调用php程序
2009/03/09 PHP
PHP使用PDO连接ACCESS数据库
2015/03/05 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
Zend Framework常用校验器详解
2016/12/09 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
JavaScript 基础问答三
2008/12/03 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
javascript实现图片自动和可控的轮播切换特效
2015/04/13 Javascript
JS实现弹性漂浮效果的广告代码
2015/09/02 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
使用JSON作为函数的参数的优缺点
2016/10/27 Javascript
快速将Vue项目升级到webpack3的方法步骤
2017/09/14 Javascript
浅谈 Vue 项目优化的方法
2017/12/16 Javascript
Vuex 使用及简单实例(计数器)
2018/08/29 Javascript
Node.js之删除文件夹(含递归删除)代码实例
2019/09/09 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
Django实现的自定义访问日志模块示例
2017/06/23 Python
python 生成图形验证码的方法示例
2018/11/11 Python
通过python爬虫赚钱的方法
2019/01/29 Python
python 随机生成10位数密码的实现代码
2019/06/27 Python
keras tensorflow 实现在python下多进程运行
2020/02/06 Python
Python tkinter布局与按钮间距设置方式
2020/03/04 Python
keras模型保存为tensorflow的二进制模型方式
2020/05/25 Python
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
施工人员岗位职责
2013/12/12 职场文书
历史专业个人求职信分享
2013/12/20 职场文书
《诺贝尔》教学反思
2014/02/17 职场文书
餐厅执行经理岗位职责范本
2014/02/26 职场文书
中学生操行评语
2014/04/24 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
怎样写家长意见
2015/06/04 职场文书
《检阅》教学反思
2016/02/22 职场文书