uni-app的路由與頁面跳轉(zhuǎn)

  1. uni.navigateTo(OBJECT)
    當(dāng)前頁面不會被銷毀,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面,使用uni.navigateBack可以返回到原頁面
uni.navigateTo({
   url: "/pages/projectList/projectList"  // 攜帶參數(shù)可以拼接在后面 ?id=1 引用數(shù)據(jù)類型轉(zhuǎn)JSON字符串
});
  1. uni.redirectTo(OBJECT)
    當(dāng)前頁面會被銷毀,并跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。
uni.redirectTo({
   url: "/pages/projectList/projectList"  // 攜帶參數(shù)可以拼接在后面 ?id=1  引用數(shù)據(jù)類型轉(zhuǎn)JSON字符串
});
  1. uni.reLaunch(OBJECT)
    關(guān)閉所有頁面,并打開到應(yīng)用內(nèi)的某個頁面(在登錄失效需要重新登錄的時候適合用這個)
uni.reLaunch({
   url: "/pages/projectList/projectList"  // 攜帶參數(shù)可以拼接在后面 ?id=1  引用數(shù)據(jù)類型轉(zhuǎn)JSON字符串
});
  1. uni.switchTab(OBJECT)
    跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面。(在非tabBar 頁面的時候跳轉(zhuǎn)tabBar 頁面用到)
uni.switchTab({
   url: "/pages/projectList/projectList"  // 不可攜帶參數(shù)
});
  1. uni.navigateBack(OBJECT)
    關(guān)閉當(dāng)前頁面,返回上一頁面或多級頁面??赏ㄟ^ getCurrentPages() 獲取當(dāng)前的頁面棧,決定需要返回幾層。
// 注意:調(diào)用 navigateTo 跳轉(zhuǎn)時,調(diào)用該方法的頁面會被加入堆棧,而 redirectTo 方法則不會。見下方示例代碼

// 此處是A頁面
uni.navigateTo({
    url: 'B?id=1'
});

// 此處是B頁面
uni.navigateTo({
    url: 'C?id=1'
});

// 在C頁面內(nèi) navigateBack,將返回A頁面
uni.navigateBack({
    delta: 2
});

getCurrentPages()使用示例

var pages = getCurrentPages();
var page = pages[pages.length - 1];
// #ifdef APP-PLUS
// 在APP兼容語法
var currentWebview = page.$getAppWebview();
console.log(currentWebview.id);//獲得當(dāng)前webview的id
console.log(currentWebview.isVisible());//查詢當(dāng)前webview是否可見
// #endif
  1. uni.preloadPage(OBJECT) (小編暫未使用)
    預(yù)加載頁面,是一種性能優(yōu)化技術(shù)。被預(yù)載的頁面,在打開時速度更快。(只能兼容App和H5)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容