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