1.6 微信小程序 navigator标签

navigator

导航组件 类似超链接标签

open-type 有效值

代码案例

.wxml

<!--pages/navigator/navigator.wxml-->
<!--
  导航组件 navigator
  0 块级元素 默认会换行 可以直接加宽度和高度
  1 url 要跳转的页面路径 绝对路径 相对路径
  2 target 要跳转到当前的小程序 还是其他的小程序页面
    self 默认值 自己 小程序的页面
    miniProgram 其他的小程序页面
  3 open-type 跳转的方式
    1 navigator 默认值 保留当面页面 跳转到应用内的某个页面，但是不能跳转到 tabbar 页面
    2 rediret 关闭当前页面 跳转到应用内的某个页面 但是不允许跳转到 tabbar 页面
    3 switchTab 跳转到 tabbar 页面,并关闭其他所有非 tabbar 页面
    4 reLaunch 关闭所有当前页面，打开到应用内的某个页面
-->
<navigator url="/pages/index/index">轮播图页面</navigator>
<navigator open-type="redirect" url="/pages/index/index">轮播图页面 redirect</navigator>
<navigator open-type="switchTab" url="/pages/index/index">switchTab 直接跳转到  tabbar页面</navigator>
<navigator open-type="reLaunch" url="/pages/index/index"> reLaunch 可以随便跳转页面</navigator>

效果实现

如果觉得本文写的不错，顺手点个赞，感谢老铁！