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

几种常见的跳转页面方式:
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()方法,把数据存到上一个页面中去



    推荐阅读