快捷導(dǎo)航

微信小程序使用wx.navigateTo路由跳轉(zhuǎn)層級限制問題小結(jié)

更新時間：2024年10月17日 14:11:30 作者：mosen868

在微信小程序開發(fā)中,wx.navigateTo和wx.redirectTo是兩種頁面跳轉(zhuǎn)方式,wx.navigateTo允許跳轉(zhuǎn)到新頁面并保留當(dāng)前頁面,適合需要返回的場景,但受頁面棧10層限制,wx.redirectTo則關(guān)閉當(dāng)前頁面后跳轉(zhuǎn),本文介紹微信小程序使用wx.navigateTo路由跳轉(zhuǎn)層級限制問題

wx.redirectTo 和 wx.navigateTo 的區(qū)別

wx.navigateTo

作用：打開一個新頁面并保留當(dāng)前頁面在頁面棧中。
頁面棧限制：最多只能存在 10 層頁面。如果層級超過 10 層，則無法跳轉(zhuǎn)并會拋出錯誤。
場景：適合用戶從一個頁面跳轉(zhuǎn)到另一個頁面，并且可能返回到之前的頁面（如詳情頁返回到列表頁）。

示例：

wx.navigateTo({
  url: '/pages/home/lineView/index',
  fail: (err) => console.error('頁面層級超限：', err),
});

wx.redirectTo

作用：關(guān)閉當(dāng)前頁面并跳轉(zhuǎn)到指定頁面，不會保留當(dāng)前頁面在頁面棧中。
頁面棧限制：因為是關(guān)閉當(dāng)前頁面，不會疊加頁面棧層級，因此可以避免層級限制。
場景：適合在不需要返回的場景中使用（如登錄成功后跳轉(zhuǎn)到主頁）。

示例：

wx.redirectTo({
  url: '/pages/home/lineView/index',
});

頁面棧層級超過 10 層會出現(xiàn)的問題： 如果使用 wx.navigateTo 打開新頁面，當(dāng)頁面棧層級超過 10 層時，會報錯并跳轉(zhuǎn)失敗，你需要通過一些手段避免超過層級限制。
解決方法：
- 使用 wx.redirectTo：在某些無需返回的頁面中避免層級增加。
- 使用 wx.switchTab：如果跳轉(zhuǎn)的頁面是 Tab 頁，可以用此方法，不會受頁面棧的層級限制。

wx.reLaunch：清空所有頁面棧并跳轉(zhuǎn)到新的頁面。

總結(jié)：