小程序10-navigator组件

标签：打开   返回   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