微信小程序开发【从入门到精通】——页面导航-????(1) 声明导航


????导航到 tabBar 页面

  • 在使用组件跳转到指定的 tabBar 页面时,需要指定 url属性和 open-type 属性,其中:
    ????url表示要跳转的页面的地址,必须以/开头
    ????open-type 表示跳转的方式,必须为switchTab

????home.wxml

  • 示例代码如下
<navigator url="/pages/message/message" open-type="switchTab">导航到消息页面</navigator>

????非导航到 tabBar 页面

  • 非 tabBar 页面指的是没有被配置为 tabBar 的页面。
    在使用组件跳转到普通的非 tabBar 页面时,则需要指定 url属性和 open-type 属性,其中:
    ????url 表示要跳转的页面的地址,必须以/开头
    ????open-type 表示跳转的方式,必须为navigate
    ????home.wxml
  • 示例代码如下
<navigator url="/pages/list/list" open-type="navigate">导航到list</navigator>

注意:为了简便,在导航到非 tabBar页面时,open-type=“navigate”属性可以省略

????后退导航

  • 如果要后退到上一页面或多级页面,则需要指定
    ????open-type 属性和 delta 属性,其中:open-type 的值必须是 navigateBack,表示要进行后退导航
    ????delta 的值必须是数字,表示要后退的层级
    ????home.wxml
  • 示例代码如下
<navigator open-type='navigateBack'delta='1'>返回上一页</navigator>

注意:为了简便,如果只是后退到上一页面,则可以省略 delta 属性,因为其默认值就是 1。


上一篇:旅游管理系统|基于Springboot的旅游管理系统设计与实现(源码+数据库+文档)


下一篇:vivado 高级编程功能1