小程序中实现页面导航的两种方式

一、声明式导航

概念：在页面上声明一个 <navigator> 导航组件、通过点击 <navigator> 组件实现页面跳转

 

1. 导航到 tabBar 页面

        

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

①、url 表示要跳转的页面的地址，必须以 / 开头

②、open-type 表示跳转的方式，必须为 switchTab

示例代码如下：

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

2. 导航到非 tabBar 页面

非 tabBar 页面指的是没有被配置为 tabBar 的页面。

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

①、url 表示要跳转的页面的地址，必须以<