页面导航

小程序中的页面导航

① 声明式导航 ⚫ 在页面上声明一个 <navigator> 导航组件 ⚫ 通过点击 <navigator> 组件实现页面跳转 ② 编程式导航 ⚫ 调用小程序的导航 API，实现页面的跳转

声明式导航

 导航到 tabBar 页面

tabBar 页面 指的是被配置为 tabBar 的页面。 在使用 <navigator> 组件跳转到指定的 tabBar 页面时，需要指定 url 属性和 open-type 属性，其中： ⚫ url 表示要跳转的 页面的地址 ，必须以 / 开头 ⚫ open-type 表示 跳转的方式 ，必须为 switchTab 示例代码如下

<navigator url="/pages/message/message" open-type="swichTab">导航到消息页面</navigator>

导航到非 tabBar 页面

非 tabBar 页面 指的是没有被配置为 tabBar 的页面。 在使用 <navigator> 组件跳转到普通的非 tabBar 页面时，则需要指定 url 属性和 open-type 属性，其中： ⚫ url 表示要跳转的 页面的地址 ，必须以 / 开头 ⚫ open-type 表示 跳转的方式 ，必须为 navigate 示例代码如下：

<navigator url="/pages/info/info" open-type="navigate">导航到消息页面</navigator>

注意：为了简便，在导航到非 tabBar 页面时，open-type="navigate" 属性可以省略。