8.页面跳转<navigator>

8.页面跳转

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

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

    <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 页面`