码迷,mamicode.com
首页 > 微信 > 详细

小程序10-navigator组件

时间:2020-07-12 22:46:13      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:打开   返回   swiper   多级   exit   允许   red   span   navig   

navigator导航组件,类似超链接标签;其是块级元素,默认换行,可以直接配置宽度和高度

1.url 要跳转的页面路径 可以是绝对路径,也可以是相对路径

2.target 可以指定要跳转到当前的小程序,还是其它的小程序页面

      2.1 self 默认值 跳转到当前小程序内部页面

      2.2 miniProgram 跳转到其它小程序的页面

3.open-type 跳转的方式

      3.1 navigate 默认值 保留当前页面,跳转到应用内的某个页面,但是不能跳到tabbar页面

      3.2 redirect 关闭当前页面,跳转到应用内的某个页面,但是不允许跳转到tabbar页面

      3.3 switchTab 跳转到tabBar页面,并关闭其它所有非tabBar页面

      3.4 reLaunch 关闭所有页面,打开到应用内的某个页面,可以随便跳,可以跳转到tabBar页面

      3.5 navigateBack 关闭当前页面,返回上一个页面或多级页面,可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层

      3.6 exit 退出小程序,target="miniProgram"时生效

 

<navigator url="/pages/logs/logs">跳转到日志页面</navigator>
<navigator url="/pages/swiper/swiper" open-type="redirect">跳转到轮播图页面--跳转方式为redirect</navigator>
<navigator url="/pages/img/img" open-type="switchTab">跳转到tabBar页面--跳转方式为switchTab</navigator>
<navigator url="/pages/logs/logs" open-type="reLaunch">跳转到日志页面--跳转方式为reLaunch</navigator>
  
<navigator url="/pages/swiper/swiper">跳转到轮播图页面--测试轮播图页面的navigateBack</navigator>

 

小程序10-navigator组件

标签:打开   返回   swiper   多级   exit   允许   red   span   navig   

原文地址:https://www.cnblogs.com/xufcs/p/13290150.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!