微信小程序学习笔记——常见组件【navigator】导航组件

  导航组件 navigator  【web中的<a></a>标签】

  0. 块级元素 默认会换行 可以直接加宽度和高度

  1. url 要跳转的页面路径 绝对路径 相对路径   

  2. target 要跳转到当前的小程序 还是其他的小程序的页面

            self 默认值, 自己小程序的页面

            miniProgram 其他小程序的页面

  3. open-type 跳转方式

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

      2. redirect 关闭当前页面,跳转到应用内的某个页面,但是不能跳转到tabbar页面

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

      4. reLaunch 关闭所有页面,打开到应用内的某个页面 

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

      6. exit 退出小程序,target='miniProgram'时生效  (退出其他小程序)

<!--pages/naPage/naPage.wxml-->

<!-- 

  导航组件 navigator

  0. 块级元素 默认会换行 可以直接加宽度和高度

  1. url 要跳转的页面路径 绝对路径 相对路径   

  2. target 要跳转到当前的小程序 还是其他的小程序的页面

            self 默认值, 自己小程序的页面

            miniProgram 其他小程序的页面

  3. open-type 跳转方式

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

      2. redirect 关闭当前页面,跳转到应用内的某个页面,但是不能跳转到tabbar页面

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

      4. reLaunch 关闭所有页面,打开到应用内的某个页面 

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

      6. exit 退出小程序,target='miniProgram'时生效  (退出其他小程序)



 -->

<navigator url = '/pages/swiperPage/swiperPage'>跳转到轮播页面</navigator>

<navigator url = '/pages/index/index'>跳转到tabBar</navigator>

<navigator open-type="redirect" url = '/pages/swiperPage/swiperPage'>redirect替换轮播页面</navigator>

<navigator open-type="switchTab" url = '/pages/index/index'>switchTab跳转到tabBar</navigator>

<navigator open-type="reLaunch" url = '/pages/index/index'>reLaunch 可以随便跳</navigator>
发布了248 篇原创文章 · 获赞 32 · 访问量 12万+

猜你喜欢

转载自blog.csdn.net/qq_37899792/article/details/105532104
今日推荐