打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
微信小程序路由方法总结

一、保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

1.wxml方式

<navigator open-type='navigate' url='path'></navigator>

2.js方式 (可带参数,参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔)

bindViewTab:function(){ wx.navigateTo({ url: ''path?key=value&key2=value2''  })}

二、关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

1.wxml方式

<navigator open-type='redirect' url='path'></navigator>

2.js方式 (可带参数,参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔)

bindViewTab:function(){ wx.redirectTo({ url: ''path?key=value&key2=value2''  })}

三、跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

1.wxml方式

<navigator open-type='switchTab' url='path'></navigator>

2.js方式 (不可带参数,需在 app.json 的 tabBar 字段定义的页面才可以)

bindViewTab:function(){ wx.switchTab({ url: ''path''  })}

四、关闭所有页面,打开到应用内的非 tabBar 页面

1.wxml方式

<navigator open-type='reLaunch' url='path'></navigator>

2.js方式 (可带参数,参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔)

bindViewTab:function(){ wx.reLaunch({ url: ''path?key=value&key2=value2''  })}

五、关闭所有页面,打开到应用内的非 tabBar 页面

1.wxml方式

<navigator open-type='navigateBack' url='path'></navigator>

2.js方式

bindViewTab:function(){ wx.navigateBack({ delta: 2 //返回的页面数,如果 delta 大于现有页面数,则返回到首页 }) }

六、打开另一个小程序

1.wxml方式

<navigator target='miniProgram' url='path'></navigator>

2.js方式

wx.navigateToMiniProgram({ appId: '', //要打开的小程序 appId path: 'page/index/index?id=123', //打开的页面路径,如果为空则打开首页 extraData: { //需要传递给目标小程序的数据 foo: 'bar' }, envVersion: 'develop', //开发版 success(res) { // 打开成功 }})

前端知识/技术总结(一)

前端知识/技术总结(二)

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
跳转
微信小程序页面跳转方法
微信小程序路由跳转指定页面
微信小程序开发详解(八)
微信小程序
第5章 API应用案例(上)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服