专栏首页热爱IT微信小程序-导航组件 navigator

微信小程序-导航组件 navigator

demo.wxml

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

app.json

示例

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序|navigator组件-实现页面跳转

    现在大家所用的各种微信小程序都是看似结构简单、内容精炼,实则内含很多的隐藏页面。其原理和网页的超链接是一样的,利用跳转页面对现有页面的内容进行说明介绍。这样可以...

    算法与编程之美
  • 微信小程序 navigator 组件跳转小程序或者小游戏(二)

    其实,也就是只能获得固定的值,为什么这么说呢,因为我就踩了坑,一个巨大到用了我一下午时间还没整明白的坑。。汗!

    田超
  • 微信小程序 navigator 组件跳转小程序或者小游戏(一)

    田超
  • 微信小程序----实现YDUI的ScrollNav组件(滚动导航)

    Rattenking
  • 微信小程序|宫格导航设计

    首先要熟悉小程序的开发流程:在js里提供数据,在wxml里绑定数据,在wxss里添加样式。

    算法与编程之美
  • 微信小程序|制作标签导航

    App.json作为全局配置文件,可以设置5个功能:配置页面路径,配置窗口表现,配置标签导航,配置网络超时和配置debug模式。其中,标签导航是众多移动App软...

    算法与编程之美
  • 微信小程序|配置商品导航

    我们日常当中越来越多的小程序需要用到选择购买商品,并将商品加入购物车的导航过程,那么如何实现这个过程呢?

    算法与编程之美
  • 微信小程序|底部标签导航

    制作标签导航首先需要我们自己将找到的图片保存进目录文件夹里,小程序界面会自动更新,然后再在App.json配置文件。

    算法与编程之美
  • 「小程序JAVA实战」小程序导航组件(26)

    PS:这个就是页面跳转的实践,navigate这个标签还是特别重要的,因为在实际开发过程中,页面跳转还是非常的多的。

    IT架构圈

扫码关注云+社区

领取腾讯云代金券