微信小程序的跳转方式

本文详细介绍了微信小程序中四种页面跳转方式:wx.navigateTo、wx.redirectTo、wx.switchTab及navigator组件的使用方法,包括保留当前页面跳转、关闭当前页面跳转至非tabBar页面、跳转至tabBar页面的特性,以及如何通过url参数在目标页面onLoad函数中获取传入参数。
摘要由CSDN通过智能技术生成

一共有四种方式

1.wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;
这种方式跳转到非tabBar的某个页面,如果目标页面是在app.json的tabBar里面那么是不会跳转的
而且带入的参数只能在目标页面的onLoad里面的option参数获取
  示例:
wx.navigateTo({
url:’…/test/test?id=1&page=4’, //跳转页面的路径,可带参数 ?隔开,不同参数用 & 分隔;相对路径,不需要.wxml后缀
success:function(){} //成功后的回调;
fail:function(){} //失败后的回调;
complete:function(){} //结束后的回调(成功,失败都会执行)
})
传递的参数在接收页面onLoad()函数中得到值:option.id就可以得到了
onLoad: function (option) {
    console.log(option)//可以打印一下option看查看参数
     this.setData({
id:option.id,
});
2. wx.redirectTo() , 关闭当前页面,跳转到非tabBar的某个页面,

  1. 使用组件 navigator 示例:
    点击跳转

  2. wx.switchTab ,跳转到tabBar的某个页面,
    wx.switchTab({
    url: ‘…/taste/index’, //注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面
    })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值