美文网首页
8.页面跳转

8.页面跳转

作者: 赵羽珩 | 来源:发表于2019-03-06 11:28 被阅读0次

页面跳转navigator文档

跳转指定页面,点击有效果

    <navigator
        url="../城市列表/城市列表" 
        open-type="navigate"
        hover-class="navigator-hover"
    >
        跳转到新页面
    </navigator>

点击左上角,返回


    <navigator
        open-type="navigateBack"
    >
        返回
    </navigator>

属性名 默认值 说明
url url='../home/home' 当前小程序内的跳转链接
open-type navigate 跳转方式(常见的3种跳转,见下面列表)
hover-class navigator-hover 当hover-class="none"时,没有点击效果
delta delta="1" 当 open-type 为 'navigateBack' 时有效,表示回退的层数

open-type 有效值:描述上面表格第二行的

属性名 默认值
navigate 跳转到应用内的某个页面
navigateBack 关闭当前页面,返回上一页
switchTab 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

相关文章

  • 8.页面跳转

    页面跳转navigator文档 跳转指定页面,点击有效果 点击左上角,返回 open-type 有效值:描述上面表...

  • ReactNative页面跳转Navigator

    原文:ReactNative页面跳转Navigator ReactNative页面跳转Navigator Navi...

  • 微信小程序-页面跳转

    页面两种跳转方式navigator和wxAPI navigator组件 navigator组件主要是用于界面的跳转...

  • Flutter - 页面跳转(路由)、传值

    Flutter 中页面跳转通过 Navigator 和 Route 来实现。 一、页面跳转 1,常规路由页面跳转...

  • 微信小程序页面跳转

    页面跳转 有两种方式进行页面跳转: 通过navigator组件 通过微信提供的API 一:使用navigator组...

  • 2019-11-11 Flutter 页面如何跳转?

    Flutter 页面如何跳转? 一、Navigator介绍 Navigator 继承自 StatefulWidge...

  • uni-app中的导航跳转

    利用navigator进行跳转 1、跳转到普通页面 2、跳转到tabbar页面 利用navigateTo进行导航跳...

  • 小程序之页面跳转和参数传递

    小程序官网关于Navigator介绍: 页面跳转时传递 主页面: 页面跳转后,onload接受参数

  • 小程序爬坑

    坑1:页面跳转链接html页面跳转是a,完整代码是: 百度首页 小程序页面跳转是navigator,完整代码是: ...

  • flutter 路由

    Navigator 参数 push 将设置的router信息推送到Navigator上,实现页面跳转。 of 主要...

网友评论

      本文标题:8.页面跳转

      本文链接:https://www.haomeiwen.com/subject/kwbouqtx.html