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


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 相关文章推荐
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
prototype 中文参数乱码解决方案
Nov 09 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
jQuery实现隔行背景色变色
Nov 24 Javascript
JavaScript数据结构和算法之二叉树详解
Feb 11 Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 Javascript
Vue.js每天必学之Class与样式绑定
Sep 05 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
bootstrap是什么_动力节点Java学院整理
Jul 14 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
关于Vue中$refs的探索浅析
Nov 05 Javascript
ES2020让代码更优美的运算符 (?.) (??)
Jan 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
在php中使用sockets:从新闻组中获取文章
2006/10/09 PHP
PHP使用Pear发送邮件(Windows环境)
2016/01/05 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
php正则去除网页中所有的html,js,css,注释的实现方法
2016/11/03 PHP
JS 建立对象的方法
2007/04/21 Javascript
jquery pagination插件实现无刷新分页代码
2009/10/13 Javascript
腾讯UED 漂亮的提示信息效果代码
2011/09/12 Javascript
jQuery实现倒计时按钮功能代码分享
2014/09/03 Javascript
javascript正则表达式总结
2016/02/29 Javascript
15位和18位身份证JS校验的简单实例
2016/07/18 Javascript
angular双向绑定模拟探索
2016/12/26 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
echart简介_动力节点Java学院整理
2017/08/11 Javascript
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
JS图片预加载三种实现方法解析
2020/05/08 Javascript
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
python中的内置函数getattr()介绍及示例
2014/07/20 Python
python批量读取txt文件为DataFrame的方法
2018/04/03 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
Html5饼图绘制实现统计图的方法
2020/08/05 HTML / CSS
极度干燥澳大利亚官方网站:Superdry澳大利亚
2019/03/28 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
美国乒乓球设备、配件和服装品牌:Killerspin
2020/06/07 全球购物
学校个人对照检查材料
2014/08/26 职场文书
大型主题婚礼活动策划方案
2014/09/15 职场文书
作风建设年度心得体会
2014/10/29 职场文书
《海上日出》教学反思
2016/02/23 职场文书
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL
Pygame Draw绘图函数的具体使用
2021/11/17 Python
Python中的程序流程控制语句
2022/02/24 Python
PYTHON InceptionV3模型的复现详解
2022/05/06 Python