小程序开发文档:navigator

https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

nagivator页面链接,有六种跳转方式,根据open-type属性来定义为那种跳转方式,每种跳转的说明如下:

注意:url为相对定位,斜杠 “ / ” 表示根目录下,

1. open-type="navigator"(默认值)

navigator组件学习记录

跳转到新页面audio.wxml,并且点击返回箭头可以返回到此界面,上面的例子返回带参数据,

navigator组件学习记录

2. open-type="redirect"

navigator组件学习记录

打开新的camera.wxml页面,并且原页面关闭,即不能返回,

navigator组件学习记录

3. open-type="seitchTab"

navigator组件学习记录

跳转到tabBar页面,并关闭其他所有非tabBar页面,

说明:tabBar页面即app.json中定义的“tabBar”,如下图,此属性下,里的url指定的跳转路径必须指定在“tabBar”中跳转的页面,即下图中index和logs页面,跳转到tabBar指定的页面,并关闭其他不是在tabBar里面指定的页面(半天才理解)

navigator组件学习记录

4. open-type="reLaunch"

navigator组件学习记录

关闭所有页面,打开应用内的某个页面

5. open-type="navigateBack"

navigator组件学习记录

关闭当前页面,返回上一页或多级页面,返回的页面数由

6. open-type="exit"(下图注释写错了)

navigator组件学习记录

退出小程序

 

相关文章: