小程序--页面跳转并传递数据

1. navigator组件(不会原关闭页面)

url:跳转页面路径
open-type:  
① navigator (默认值)/
② redirect: 关闭当前页面,跳转到应用内的某个页面。不允许跳转到tabbar页面,并且不能返回(不是一个压栈)/
③switchTab: 跳转到tabber页面,并关闭其他所有非tabber页面(需要在tabber中定义的)/
④relaunch: 关闭所有页面,打开应用中某个页面。(直接展示某个页面,并可以跳转到tabber页面)/
⑤navigateBack: 跳转到之前的页面。可设置delta属性设置返回层级,默认为1 /

**

2. wx:navigateTo API(非tabber页面)

url:可带参数,在路径后用?连接
event: 用于监听被打开页面发送到当前页面的数据,页面通信接口
success: 调用成功的回调
fail:调用失败的回调
complate:调用结束的回调,success或fail都会被调用。

页面跳转传递参数
此API的 url属性可以将数据作为参数传递给跳转页面,在跳转页面中onLoad生命周期函数中则可以拿到数据

 page({
      onLoad:  function( options ) {
            console.log(options);      / /页面跳转所拿到的数据
      }
   })

页面跳转后返回传递数据
在page生命周期函数中,onUnload函数可以在页面返回时给返回页传递数据

page({
// 1.第一步要获取返回页的页面对象,获得了对象之后才好给目标页面传递数据
//getCurrentPages获取当前所有栈(活跃)的页面
var pages = getCurrentPages( )
console.log(pages)      //打印所有获取的页面(返回一个数组)
var home = pages [ pages.length - 2 ]  //获取到当前页面之前的页面对象
})

// 2.第二步调用页面的setData
home.setData({

})

**

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值