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"> 轮播图页面 redirect</navigator>
<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等均可。