微信小程序-----页面跳转及传值

几种常见的跳转页面方式：

1> 返回上一级页面（delta：返回的页面数，如果 delta 大于现有页面数，则返回到首页，默认值为1）

​wx.navigateBack({

delta: 2//关于页面栈的一些设置

})

2> wx.redirectTo 关闭当前页面，跳转到应用内的某个页面

3> wx.navigateTo 保留当前页面，跳转到应用内的某个页面

4> wx.reLaunch 关闭所有页面，打开到应用内的某个页面

区别和联系：

1.可以使用wx.switchTab和和wx.redirectTo来代替，但是有一定的不同；

2.wx.switchTab是唯一能跳转到 tabBar 页面，而wx.switchTab却只能设置tabBar相同的路径

3.wx.redirectTo关闭当前页面,用wx.navigateTo时,能用wx.navigateBack（与返回按钮不同可传参） 

4.wx.navigateTo能跳转下一页面（最多跳五层的限制）还能有返回上一页面的功能（自带返回按钮'<'）

 

页面传值

（1）全局数据存储

把数据存储在App对象上（globalData或者data）或者将要传递的数据存储在小程序的本地数据缓存（Storage）中。

当然全局数据存储需要慎用，不适合频繁改变数据，且需要考虑何时销毁数据

（2）哈希值

在HTML中我们通过在页面跳转时的URL上拼接数据来完成简单的数据传送，在小程序同样适用，但不适合大量数据传送和加密数据的传送。

//传送数据页面 
wx.navigateTo({
      url: "../massage/massage?store_id=" +" this.data.store_id",
    })
//接收数据页面
 onLoad: function (options) {
    this.setData({
      store_id: options.store_id
    })

（3）通过页面路由栈进行传值

使用getCurrentPages()，来获取当前页面路由栈的信息，这个路由栈中按照页面的路由顺序存放着相应的Page对象，我们可以很容易的获取到上一级页面的完整Page对象，对其data可进行操作。比较实用

var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //当前页面 
var prevPage = pages[pages.length - 2]; //上一个页面 
prevPage.setData({ mydata: {a:1, b:2} })//直接调用上一个页面的setData()方法，把数据存到上一个页面中去