【微信小程序开发（8）---导航组件 navigator 页面跳转 open-type、 target 、 URl等属性应用】

app.json中已经配置

{
"pages":[
 "pages/demo11/demo11"
]
}

demo11.wxml

<navigator url="/pages/demo10/demo10"> 轮播图页面navigator>
<navigator url="/pages/index/index"> 直接跳转到tabbar界面navigator>
<navigator open-type="redirect" url="/pages/demo10/demo10"> 轮播图页面 redirectnavigator>
<navigator open-type="switchTab" url="/pages/index/index"> switchTab直接跳转到tabbar界面navigator>
<navigator open-type="reLaunch" url="/pages/index/index"> reLaunch可以随便跳navigator>

学习笔记：
导航组件 navigator
块级元素 默认会换行 可以直接加 宽度和高度
URl 要跳转的页面路径 绝对路径/相对路径
target 要跳转到当前的小程序 还是其他的小程序的 页面
self 默认值 自己 小程序的页面
miniProgram 其他的小程序的页面
open-type 跳转的方式
navigate 默认值 保留当前页面，跳转到应用内的某个页面，但是不能跳到 tabbar页面
redirect 关闭当前页面，跳转到应用内的某个页面，但是不能跳到 tabbar页面
switchTab 跳转到tabBar页面，并关闭其他所有非tabBar页面
reLaunch 关闭所有页面，打开到应用内的某个页面

模拟器端演示：

声明：所用的模拟适配机型为iPhone5、iPhone6/7/8等均可。