成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

微信小程序頁面跳轉(zhuǎn)方法總結(jié)

derek_334892 / 998人閱讀

摘要：在我們?nèi)粘５拈_發(fā)過程中，跳轉(zhuǎn)頁面是每個項(xiàng)目中必有的需求，包括監(jiān)聽返回按鈕，回到指定頁面，在小程序中頁面跳轉(zhuǎn)即頁面路由頁面?？蚣芤詶５男问骄S護(hù)了當(dāng)前的所有頁面。

在我們?nèi)粘５拈_發(fā)過程中，跳轉(zhuǎn)頁面是每個項(xiàng)目中必有的需求，包括監(jiān)聽返回按鈕，回到指定頁面，在小程序中頁面跳轉(zhuǎn)即頁面路由

頁面棧

框架以棧的形式維護(hù)了當(dāng)前的所有頁面。當(dāng)發(fā)生路由切換的時候，頁面棧的表現(xiàn)如下：

getCurrentPages()函數(shù)用于獲取當(dāng)前頁面棧的實(shí)例，以數(shù)組形式按棧的順序給出，第一個元素為首頁，最后一個元素為當(dāng)前頁面。
注意：不要嘗試修改頁面棧，會導(dǎo)致路由以及頁面狀態(tài)錯誤。

路由方式

在小程序中，路由跳轉(zhuǎn)大概兩種方式，一種可以利用API跳轉(zhuǎn)，另外一種就是頁面組件了，下面詳細(xì)看下，看看每種跳轉(zhuǎn)方式區(qū)別

利用API跳轉(zhuǎn)

// 保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面，使用wx.navigateBack可以返回到原頁面。
// 注意：調(diào)用 navigateTo 跳轉(zhuǎn)時，調(diào)用該方法的頁面會被加入堆棧，但是 redirectTo 
wx.navigateTo({
  url: "page/home/home?user_id=1"
})


// 關(guān)閉當(dāng)前頁面，返回上一頁面或多級頁面?？赏ㄟ^ getCurrentPages() 獲取當(dāng)前的頁面棧，決定需要返回幾層。

wx.navigateTo({
  url: "page/home/home?user_id=1"　　// 頁面 A
})
wx.navigateTo({
  url: "page/detail/detail?product_id=2"　　// 頁面 B
})
// 跳轉(zhuǎn)到頁面 A
wx.navigateBack({
  delta: 2  //返回指定頁面
})


// 關(guān)閉當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。
wx.redirectTo({
  url: "page/home/home?user_id=111"
})


// 跳轉(zhuǎn)到tabBar頁面（在app.json中注冊過的tabBar頁面），同時關(guān)閉其他非tabBar頁面。
wx.switchTab({
  url: "page/index/index"
})


// 關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面。
wx.reLanch({
  url: "page/home/home?user_id=111"
})

2.頁面組件跳轉(zhuǎn)

// redirect 對應(yīng) API 中的 wx.redirect 方法
在當(dāng)前頁打開

// navigator 組件默認(rèn)的 open-type 為 navigate 
跳轉(zhuǎn)到新頁面

// switchTab 對應(yīng) API 中的 wx.switchTab 方法
切換 Tab

// reLanch 對應(yīng) API 中的 wx.reLanch 方法
//關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面

// navigateBack 對應(yīng) API 中的 wx.navigateBack 方法
關(guān)閉當(dāng)前頁面，返回上一級頁面或多級頁面

不全的歡迎補(bǔ)充

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/107859.html

相關(guān)文章

  • 微信小程序知識總結(jié)及案例集錦

    摘要：對微信小程序進(jìn)行全局配置，決定頁面文件的路徑窗口表現(xiàn)設(shè)置網(wǎng)絡(luò)超時時間設(shè)置多等。 微信小程序知識總結(jié)及案例集錦 微信小程序的發(fā)展會和微信公眾號一樣，在某個時間點(diǎn)爆發(fā) 學(xué)習(xí)路徑 微信小程序最好的教程肯定是官方的文檔啦，點(diǎn)擊這里直達(dá) 微信官方文檔 認(rèn)真跟著文檔看一遍，相信有vue前端經(jīng)驗(yàn)的看下應(yīng)該就能上手了，然后安裝 微信小程序開發(fā)者工具 新建一個quick start項(xiàng)目，了解代碼結(jié)構(gòu)，...

    sean 評論0 收藏0

  • 微信小程序初體驗(yàn)，入門練手項(xiàng)目--通訊錄，后臺是阿里云服務(wù)器

    摘要：最近微信小程序異?；鸨?，很多人在學(xué)習(xí)，下面帶著大家搭建下微信小程序的調(diào)試環(huán)境，并調(diào)試入門練手項(xiàng)目通訊錄和基礎(chǔ)即可微信推薦使用的語言，去菜鳥教程簡單學(xué)習(xí)下，，，即可，方便大家學(xué)習(xí)。 一、前言（坑爹的玩意） 項(xiàng)目源碼：https://github.com/saucxs/wx_... 微信小程序自從2017年，被各種看好，不過一段時間過去了還是反響平平，下半年隨著各項(xiàng)功能的開放，很多企業(yè)...

    kel 評論0 收藏0

  • 微信小程序之啟動頁的重要性

    摘要：在小程序啟動的時候自動登錄，目前沒獲取用戶信息，所以不需要用戶授權(quán)，這個邏輯放在根目錄下的的方法中。做完之后發(fā)現(xiàn)了一個很嚴(yán)重的問題，就是的方法確實(shí)會在小程序啟動的時候執(zhí)行，但是首頁也會是在文件的中第一個頁面也會同時執(zhí)行，它不是阻塞的。 啟動頁在APP中是個很常見的需求，為什么對于小程序來說也非常重要呢？首先我描述一下我在開發(fā)過程中遇到的一些問題以及解決的步驟，到最后為什么要加啟動頁，看...

    Alan 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<