标签：逻辑 type open 手札 视图 tabBar 跳转 导航 页面

页面导航

小程序中的页面导航

① 声明式导航 ⚫ 在页面上声明一个 <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" 属性可以省略。 

标签：逻辑,type,open,手札,视图,tabBar,跳转,导航,页面
来源： https://blog.csdn.net/qq_36818627/article/details/123215640

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。