微信小程序开发随笔（新手自学上路）

微信小程序跳转页面问题

一、小程序页面有2种跳转，可以在wxml页面或者js中：

（1）、在wxml中，如下：

1. <navigator url="../index/index">跳转到新页面</navigator>  
2. <navigator url="../index/index" open-type="redirect">在当前页打开</navigator>  
3. <navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>

【注】：

实现页面跳转很简单，就是用内定义好的navigator，其中跳转方式有两种1、navigate:跳转到新页面,有返回按钮 2、redirect：在当前页打开，则无返回按钮。另外，自己加返回按钮可以通过 wx.navigateBack();函数实现

（2）、在js中：

对应于wx.navigateTo、wx.redirectTo、wx.switchTab的跳转功能

open-type="navigate"等价于wx.navigateTo而wx.navigateTo的url是需要跳转的应用内非 tabBar 的页面的路径
open-type="redirect"等价于wx.redirectTo而wx.redirectTo的url是需要跳转的应用内非 tabBar 的页面的路径

open-type="switchTab"等价于wx.switchTab而wx.switchTab的url是需要跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。switchTab事件触发以后，把前面的页面都关闭

来，更直观的js代码如下（去除返回键说白了就是改了一种跳转方式）：

【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。  app.json文件中tabBar中注册过的tab页，即为“tabBar页面”，非tabBar中注册占用的页面即为“应用内的页面” 。 如下图：home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”。