微信小程序页面导航

1. 小程序页面导航的两种方式
   1. 声明式导航
      • 在页面上声明一个<navigator>导航组件
      • 通过点击<navigator>组件实现页面跳转

        1. 导航到tabBar页面

           tabBar页面指的是被配置的tabBar的页面。

           在使用<navigator>组件跳转到指定的tabBar页面时，需要指定url属性和open-type属性，其中：

           • url表示要跳转的页面的地址，必须以/开头
           • open-type表示跳转的方式，必须为switchTab

        2. 导航到非tabBar界面

           指的是没有被配置的tabBar的界面

           在使用<navigator>组件跳转到指定的非tabBar页面时，需要指定url属性和open-type属性，其中：

           • url表示要跳转的页面的地址，必须以/开头
           • open-type表示跳转的方式，必须为navigate

        3. 后退导航

           如果要后退到上一页页面或多级页面，则需要指定open-type属性和delita属性，其中：

           • open-type的值必须是navigateBack，表示要进行后退导航
           • delta的值必须是数字，表示要后退的层级
   2. 编程式导航
      • 调用小程序的导航API，实现页面的跳转

      1. 导航到tabBar页面

         导航wx.switchTab（Object object）方法，可以跳转到tabBar页面。其中Object参数对象的属性列表如下：

         属性	类型	是否必选	说明
         url	string	是	需要跳转的tabBar页面的路径，路径后不能带参数
         success	function	否	接口调用成功的回调函数
         fail	function	否	接口调用失败的回调函数
         complete	function	否	接口调用结束的回调函数（调用成功，失败都会执行）

      2. 导航到非tabBar页面

         调用wx.navigateTo（Object object）方法，可以跳转到非tabBar的页面。其中Object参数对象的属性列表如下：

         属性	类型	是否必选	说明
         url	string	是	需要跳转到的非tabBar页面的路径，路径后可以带参数
         success	function	否	接口调用成功的回调函数
         fail	function	否	接口调用失败的回调函数
         complete	function	否	接口调用结束的回调函数（调用成功，失败都会执行）

      3. 后退导航

         调用wx.navigateBack（Object object）方法，可以返回上一页面或多级页面。其中Object参数对象可选的属性列表如下：

          

         属性	类型	默认值	是否必选	说明
         delta	number	1	否	返回的页面数，如果delta大于现有页面数，则返回到首页
         success	function		否	接口调用成功的回调函数
         fail	function		否	接口调用失败的回调函数
         complete	function		否	接口调用结束的回调函数（调用成功，失败都会执行）