页面跳转

ps:以下所有示例都参考目录页跳转

目录页

一. 普通跳转

绑定事件（bindtap="toLogin"）后navigateTo跳转

//tabBar没有指定login页面
toLogin:function(e){
    wx.navigateTo({
      url: '../login/login'    //login与当前页面同级
    })
  }

注意 ： 当在app.json的底部 tab 栏(tabBar)中定义了此跳转（login页面），则当前代码无效。只需要将跳转函数由wx.navigateTo改为switchTab即可正常跳转

二.底部导航跳转

• 1.系统指定的底部导航跳转

//tabBar指定了login页面
toLogin:function(e){
    wx.switchTab({
      url: '../login/login'  
    })
  }

app.json中的tabBar如下

image.png

• 2.自定义导航底部跳转
  参考我的另一篇文章 《微信小程序——底部导航tabBar》