美文网首页
微信小程序 navigate页面跳转问题解决方案(二)

微信小程序 navigate页面跳转问题解决方案(二)

作者: 小半_生 | 来源:发表于2018-07-25 10:03 被阅读805次

微信小程序之wx.navigateback往回携带参数

在微信小程序开发的过程当中  经常碰到一些带逻辑的一些事情 就比如 新增地址 修改地址  筛选用户条件等页面的时候  我们也可以用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();

相关文章

  • 微信小程序 navigate页面跳转问题解决方案(二)

    微信小程序之wx.navigateback往回携带参数 在微信小程序开发的过程当中 经常碰到一些带逻辑的一些事情 ...

  • 微信小程序:服务通知跳转长链接

    问题: 在微信的服务通知里面跳转微信小程序页面,小程序页面链接需要带一个h5页面链接,跳转后显示页面不存在。 定位...

  • 微信小程序 navigate页面跳转问题解决方案(一)

    微信小程序之wx.navigateback往回携带参数 最近在跟着别人做小程序,在跳转的时候遇到很大的问题 ,由于...

  • 微信小程序学习点滴

    **微信小程序学习点滴**《一》:如何获取时间,页面跳转,传递参数 **微信小程序学习点滴**《二》:开发者工具快...

  • 小程序页面跳转解析

    对于两个或更多页面的微信小程序而言,页面之间的跳转是在所难免的。 有关小程序页面间跳转的 API 函数,微信一共为...

  • 微信小程序-页面跳转

    微信小程序-页面跳转 一、在app.json中配置跳转页面: logs为当前将要跳转到的页面 { “pages”:...

  • H5跳转微信小程序

    这问题,很多情况,分几类: 一、微信内嵌H5跳转内部微信小程序页 1. 小程序页内 Tips: 微信页面 web...

  • 微信小程序页面跳转问题

    在首页可以用,或者说导航栏里的页面都可以用wx.navigateTo来进行页面跳转, 但这个跳转可以看成是弹框,在...

  • 微信小程序页面跳转方法总结

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面...

  • 跳转大全

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: //保留当前页面,...

网友评论

      本文标题:微信小程序 navigate页面跳转问题解决方案(二)

      本文链接:https://www.haomeiwen.com/subject/dbeuuftx.html