快捷導(dǎo)航

uniapp 獲取頁(yè)面來(lái)源及注意事項(xiàng)

更新時(shí)間：2024年03月01日 15:13:51 作者：?Givenchy

這篇文章主要介紹了uniapp 獲取頁(yè)面來(lái)源及注意事項(xiàng),獲取當(dāng)前頁(yè)面棧的實(shí)例,以數(shù)組形式按棧的順序給出,數(shù)組中的元素為頁(yè)面實(shí)例,第一個(gè)元素為首頁(yè),最后一個(gè)元素為當(dāng)前頁(yè)面,感興趣的朋友參考本文實(shí)例代碼

uniapp 獲取頁(yè)面來(lái)源

獲取當(dāng)前頁(yè)面棧的實(shí)例，以數(shù)組形式按棧的順序給出，數(shù)組中的元素為頁(yè)面實(shí)例，第一個(gè)元素為首頁(yè)，最后一個(gè)元素為當(dāng)前頁(yè)面。

let pages = getCurrentPages();
if (pages.length > 1) { // 若頁(yè)面棧長(zhǎng)度大于1則表示不止一個(gè)頁(yè)面被打開(kāi)了
    let previousPage = pages[pages.length - 2]; // 上一個(gè)頁(yè)面為頁(yè)面棧列表中倒數(shù)第二個(gè)元素
    console.log('上一個(gè)頁(yè)面路由地址', previousPage.$page.route);
} else {
    console.log('只有一個(gè)頁(yè)面');
}

頁(yè)面跳轉(zhuǎn)注意事項(xiàng)注意:

getCurrentPages() 僅用于展示頁(yè)面棧的情況，請(qǐng)勿修改頁(yè)面棧，以免造成頁(yè)面狀態(tài)錯(cuò)誤。
頁(yè)面關(guān)閉時(shí)，對(duì)應(yīng)頁(yè)面實(shí)例會(huì)在頁(yè)面棧中刪除。

頁(yè)面跳轉(zhuǎn)注意事項(xiàng)

navigateTo, redirectTo 只能打開(kāi)非 tabBar 頁(yè)面。
switchTab 只能打開(kāi) tabBar 頁(yè)面。
`reLaunch`` 可以打開(kāi)任意頁(yè)面。
頁(yè)面底部的 tabBar 由頁(yè)面決定，即只要是定義為 tabBar 的頁(yè)面，底部都有tabBar。
不能在首頁(yè) onReady 之前進(jìn)行頁(yè)面跳轉(zhuǎn)。

擴(kuò)展：

小程序,uniapp獲取從哪跳轉(zhuǎn)過(guò)來(lái)的頁(yè)面地址

 var pages = getCurrentPages(); // 當(dāng)前頁(yè)面
 var beforePage = pages[pages.length - 2]; // 前一個(gè)頁(yè)面
 // console.log("beforePage");
 // console.log(beforePage);
 wx.navigateBack({
     success: function() {
         beforePage.onLoad(); // 執(zhí)行前一個(gè)頁(yè)面的onLoad方法
     }
 });

到此這篇關(guān)于uniapp 獲取頁(yè)面來(lái)源的文章就介紹到這了,更多相關(guān)uniapp 頁(yè)面來(lái)源內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

uniapp獲取頁(yè)面高度與元素高度簡(jiǎn)單示例

相關(guān)文章

詳解瀏覽器緩存和webpack緩存配置
這篇文章主要介紹了瀏覽器緩存和webpack緩存配置,瀏覽器緩存分為兩種類型，強(qiáng)緩存和協(xié)商緩存，具體內(nèi)容詳情大家參考下本文
2018-07-07
js開(kāi)發(fā)插件實(shí)現(xiàn)tab選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了js開(kāi)發(fā)插件實(shí)現(xiàn)tab選項(xiàng)卡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
輸入自動(dòng)提示搜索提示功能的使用說(shuō)明:sugggestion.txt
該js文件中的代碼實(shí)現(xiàn)了[輸入自動(dòng)搜索提示]功能,如百度、google搜索框中輸入一些字符會(huì)以下拉列表形式給出一些提示，提高了用戶體驗(yàn)
2013-09-09
JavaScript雙問(wèn)號(hào)(??)操作符用法詳解
在現(xiàn)代JavaScript開(kāi)發(fā)中,處理變量默認(rèn)值是一個(gè)常見(jiàn)但容易引發(fā)bug的操作,很多開(kāi)發(fā)者可能都遇到過(guò)這樣的問(wèn)題：使用||設(shè)置默認(rèn)值時(shí),意外覆蓋了0、''等合法值,這時(shí)候,ES2020引入的雙問(wèn)號(hào)操作符（??）就能完美解決這類問(wèn)題,本文將帶您全面掌握這個(gè)操作符的使用場(chǎng)景和高級(jí)技巧
2025-04-04
JavaScript中DOM和BOM的區(qū)別與用處詳解
這篇文章主要介紹了JavaScript中DOM和BOM的區(qū)別與用處,DOM和BOM是前端開(kāi)發(fā)中常用的兩個(gè)概念,它們分別表示不同的對(duì)象模型,用于操作瀏覽器的不同部分,了解它們的區(qū)別和用處,有助于在前端開(kāi)發(fā)中靈活使用?JavaScript?操作頁(yè)面和瀏覽器,需要的朋友可以參考下
2024-09-09
JavaScript中實(shí)現(xiàn)跨標(biāo)簽頁(yè)通信的方法詳解
跨標(biāo)簽頁(yè)通信是指在瀏覽器中的不同標(biāo)簽頁(yè)之間進(jìn)行數(shù)據(jù)傳遞和通信的過(guò)程,這篇文章為大家介紹了一下常見(jiàn)的跨標(biāo)簽頁(yè)通信方式,感興趣的小伙伴可以了解下
2023-11-11
JavaScript 字符串連接性能優(yōu)化
從多次測(cè)試結(jié)果看來(lái)，使用StringBuffer 可以節(jié)省50%以上的時(shí)間
2008-12-12
原生js實(shí)現(xiàn)表單的正則驗(yàn)證（驗(yàn)證通過(guò)后才可提交）
這篇文章主要給大家介紹了關(guān)于如何利用原生js實(shí)現(xiàn)表單的正則驗(yàn)證，所有驗(yàn)證都通過(guò)后提交按鈕才可用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-05-05
JavaScript刪除數(shù)組元素的方法
這篇文章主要介紹了JavaScript刪除數(shù)組元素的方法,實(shí)例分析了javascript中delete函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
談?wù)凧avaScript中super(props)的重要性
今天小編就為大家分享一篇關(guān)于談?wù)凧avaScript中super(props)的重要性，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2019-02-02