【微信小程序开发(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"> 轮播图页面 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 关闭所有页面,打开到应用内的某个页面

模拟器端演示:
【微信小程序开发(8)---导航组件 navigator 页面跳转  open-type、 target 、 URl等属性应用】

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

上一篇:微信小程序的小知识点


下一篇:关于微信小程序tabBar配置了不显示问题