博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序之wx.navigateback往回携带参数
阅读量:5748 次
发布时间:2019-06-18

本文共 1365 字,大约阅读时间需要 4 分钟。

在微信小程序开发的过程当中  经常碰到一些带逻辑的一些事情 就比如 新增地址 修改地址  筛选用户条件等页面的时候  我们也可以用wx.navigateTo来跳转实现 但其中有很多问题 

1.微信的十层跳转  当你用navigateTo跳转的时候跳转十次的时候就跳不动了

2.参数的传递 我们在用navigateTo跳转的时候通常带着参数来跳  试想一下 如果我们一种这么跳 那么携带的参数越来越多 这不是开发的一个好事情

所以在以上的问题上我们可以用navigateback来实现  既仅携带本次跳转用的参数即可  并且速度会很快 因为不需要再次加载onLoad函数  写起来也会方便很多 话不多说 上代码

一、假如我们此时在筛选用户条件的页面上    经过我们一系列实现后准备跳回上一个页面的时候

let pages = getCurrentPages();//当前页面    (pages就是获取的当前页面的JS里面所有pages的信息)
let prevPage = pages[pages.length - 2];//上一页面(prevPage 就是获取的上一个页面的JS里面所有pages的信息)
prevPage.setData({
state:1,
searchContent: this.data.searchContent,  
regionName: this.data.regionName,
industryId: this.data.classifySelc,
districtId: this.data.selectArea,
businessDistrictId: this.data.selectTrading,
restaurantCategoryId: this.data.selectShop
})  //以上就是我回到上个页面所要携带的所有参数  如果我们用navigateTo来跳转的话 试想一下 那个跳转地址会写多长
wx.navigateBack({
delta: 1,
}) //回到上一个页面  仅适用于用navigateTo跳转过来的页面
二、在我们的主页面上 即上一个页面 这么几个步骤
1.在页面的data里面设置接收上个页面传过来的参数的变量
data:{
  state:0
} //这个state就是接收的上个页面传过来的state:1这个参数  此时你的页面data里面的state的参数就变成了1
2.
let pages = getCurrentPages()
;
let currPage = pages[pages.length-1]; //获取当前页面pages里的所有信息   可以console一下看一下此时的数据已经变成了你传回来的数据了
3.那么我们怎么用这个数据  切记在onshow函数里面调用data里面的数据就可以了  因为我们是navigateback返回上一个页面 就相当于返回  此时我们页面不会再次执行onLoad函数
所以我们需要用onshow来调用我们之前封装好的方法就可以了  
 
: 经过简单的一处理 就会使我们的代码简洁简单很多 不会那么冗长了  页面逻辑实现起来更容易了 

转载于:https://www.cnblogs.com/Aaron1Tall/p/9017984.html

你可能感兴趣的文章
也谈svn分支与合并
查看>>
显式锁(第十三章)
查看>>
微软超融合私有云测试29-SCDPM2016部署之创建保护组备份(备份虚拟机)
查看>>
LBS“他爹”GIS
查看>>
同质化倾向的互联网金融 玖富带来了温度与色彩
查看>>
谷歌两算法推出后网站用户体验显得尤为重要
查看>>
linux命令技巧
查看>>
关于ifram/frameset内嵌网页页面表单的跳转以及ajax请求的跳转
查看>>
SCCM的证书配置PKI
查看>>
看linux书籍做的一些重要笔记(2011.07.03更新)
查看>>
Exchange server 2010系列教程之一 安装Exchange 2010准备条件
查看>>
POI 生成 xls 文件使用总结(快速入门)
查看>>
CString、Char* ,char [20]、wchar_t、unsigned short转化
查看>>
从案例学RxAndroid开发(上)
查看>>
debian 下安装megacli
查看>>
线程同步--事件对象
查看>>
报表工具FastReport.Net v2016.4正式发布!
查看>>
rarlinux的安装及使用
查看>>
LAMP 源码详细安装过程 完结版
查看>>
IOS中类和对象还有,nil/Nil/NULL的区别
查看>>