【转】小程序-跳转页面的方法

原文地址：https://www.cnblogs.com/liuqingxia/p/7844937.html

原文地址：https://blog.csdn.net/nongweiyilady/article/details/77773441

刚开始编写小程序时，页面跳转一直采用wx.navigateTo, 但是当我一直来回跳转后，页面就没反应了。

查看发现小程序提示

注意：为了不让用户在使用小程序时造成困扰，我们规定页面路径只能是五层，请尽量避免多层级的交互方式。

就像一个水桶，可以说一个栈，这个桶只能装得下5个西瓜，本来水桶是没有西瓜的，然后我们打开一个页面使用wx.navigateTo方法启动的时候，就往水桶里边扔一个西瓜，这样五个满了之后，再打开新的页面，再往水桶里边扔西瓜，那肯定是装不下的了。

需求：从 index.wxml 页面,跳转到 aaa.wxml 页面

方法一：WXML页面实现

1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>
2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>
3.<navigator url = "/pages/aaa/aaa" open-type = "switchTab">跳转到新页面</navigator>

方法二：js页面实现

bindViewTab:function(){
    wx.navigateTo({    
      //保留当前页面，跳转到应用内的某个页面（最多打开5个页面，之后按钮就没有响应的）
         url:"/pages/aaa/aaa"
    })
 

   wx.redirectTo({      
         //关闭当前页面，跳转到应用内的某个页面（这个跳转有个坑，就是跳转页面后页面会闪烁一下？）
          url:"/pages/aaa/aaa"
     })
  wx.reLaunch({     
     //跳转至指定页面并关闭其他打开的所有页面（这个最好用在返回至首页的的时候）
    url:'/pages/index/index'

  })
    wx.switchTab({    //跳转到tabBar页面，并关闭其他所有tabBar页面
           url:"/pages/aaa/aaa"
     })
    wx.navigateBack({     //返回上一页面或多级页面
          delta:1
    })
}