本文主要是介绍小程序手札 - 视图与逻辑，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

页面导航

小程序中的页面导航

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

这篇关于小程序手札 - 视图与逻辑的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！