【小程序开发教程系列7】入门篇之小程序组件

上一篇文章讲解了“小程序组件 - 媒体组件”，本篇文章讲解“小程序组件 - 导航”。

导航

1. navigator--导航(页面链接，相当于a链接)

在小程序中，页面跳转链接为navigator。

1)属性--url

url为应用内的跳转链接，不允许跳外链。

依旧使用test页面，test.wxml文件(也可以自行新建页面进行测试):

编译预览:

点击链接，跳转到日志页面:

2)属性--open-type

open-type属性的属性值有:

①redirect--重定向

设置open-type属性的值为redirect。

编译预览，加open-type属性对链接的展示样式不影响:

点击链接，跳转到日志页面:

页面进行重定向，没有可以点击的返回按钮。

redirect重定向可以用在检测用户登录信息是否失效，如果失效跳转到登录页面，那么这个登录页面就不能有返回按钮。

②switchTab--跳转tab栏页面使用

当不设置open-type属性时，跳转的页面为tabBar栏中的页面时，是不好使的。

跳转到首页页面，首页页面在tabBar栏。

编译预览:

点击链接，跳转到首页，无任何反应，跳转失败。

注意:在小程序中，当需要跳转到tabBar栏中存在的页面时，需要将open-type属性值设为switchTab。

设置open-type属性:

小程序还有很多组件，其他组件自行学习。