uni-app 页面跳转的两种方法

1.navigator 组件

<navigator url="../test/test" hover-class="navigator-hover">
    <button type="default">跳转到新页面</button>
 </navigator>

组件式传参

<navigator url="../test/test?id=80" hover-class="navigator-hover">
    <button type="default">跳转到新页面</button>
 </navigator>

传多个参数

<navigator url="../test/test?id=80&age=18" hover-class="navigator-hover">
    <button type="default">跳转到新页面</button>
 </navigator>

接收参数

目标页面 onLoad(option){

　　console.log(option)

}

当跳到tabBar的页面时 需要 open-type=“switchTab”

2.编程式导航

openinfo(e){
    uni.navigateTo({
    url:\'../index/index\'
    })
}

 

1、uni.navigateTo

保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

2、uni.redirectTo

关闭当前页面，跳转到应用内的某个页面。

3、uni.reLaunch

关闭所有页面，打开到应用内的某个页面。

4、uni.switchTab

如果页面需要跳转到 tabBar 页面使用uni.switchTab，此方法会关闭其他所有非 tabBar 页面。

5、uni.navigateBack

关闭当前页面，返回上一页面或多级页面。

6、uni.preloadPage

预加载页面，是一种性能优化技术。被预载的页面，在打开时速度更快。

 

传参

../test/test?id=10