微信小程序踩坑系列（一）——页面跳转

最近公司开始开发做小程序项目，自己一点都不会，看了一天开发文档就开始上手了。然后就悲剧了，我是谁，我在哪儿，我在做什么，分分钟想猝死在键盘上。煎熬了一周也算学到了点干货，于是想把自己在项目中遇到的坑总结一下。

1、页面跳转

正常跳转使用 wx.navigateTo({})，wx.redirectTo({})

  onLoad: function(options) {
        wx.navigateTo({
               url: '/pages/index/index'
        })
  }

  onLoad: function(options) {
        wx.redirectTo({
               url: '../index/index'
        })
  }

but，当你在app.json()里面定义了tabbar(即底部导航栏)，tabbar里面有的跳转路径，用上面两种方式是无法实现页面跳转的，这时需要用到wx.switchTab({}),而且跳转的页面必须是app.json 中 tabBar 配置的页面。

 onLoad: function(options) {
         wx.switchTab({
              url: '../index/index'
        });
  }

附：文档说明

在小程序开发者文档中，小程序路由间的跳转方式有五种，每种都有使用的情况和特点：

1、wx.navigateTo 打开新页面，将原来的页面保留在页面栈中，在跳入到下一个页面的的时候目标页面同时进 入页面栈中，在这种情况下点击手机的返回按钮才可以跳转到上一个页面。
2、wx.redirectTo 页面重新定向，将页面重新定向到一个目标页面，并不能返回到上一个页面。
3、wx.navigateBack 页面返回，只能返回到页面栈中的指定页面。
4、wx.switchTab Tab 切换，跳转的页面必须是app.json 中 tabBar 配置的页面。
5、wx.relaunch 重新启动， 可以打开任意页面。