快捷導(dǎo)航

微信小程序新手教程之頁(yè)面打開(kāi)數(shù)量限制

更新時(shí)間：2019年03月03日 10:37:04 作者：猿天地

這篇文章主要給大家介紹了關(guān)于微信小程序新手教程之頁(yè)面打開(kāi)數(shù)量限制的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

眾所周知，無(wú)論是在小程序還是APP中，打開(kāi)一個(gè)頁(yè)面其實(shí)就是創(chuàng)建了一個(gè)新的View對(duì)象，一層層疊加的。當(dāng)點(diǎn)擊頁(yè)面的回退按鈕就是把當(dāng)前頁(yè)面關(guān)閉。

這個(gè)過(guò)程中會(huì)涉及到一個(gè)問(wèn)題，就是打開(kāi)頁(yè)面的數(shù)量。在某些設(shè)計(jì)下，比如一個(gè)商品詳情頁(yè)面中會(huì)推薦其他的商品，這些商品點(diǎn)進(jìn)去就是詳情頁(yè)面。詳情頁(yè)面中又有推薦，又可以點(diǎn)進(jìn)去。這樣重復(fù)下去打開(kāi)的頁(yè)面就會(huì)越來(lái)越多。

如果不做限制，當(dāng)打開(kāi)數(shù)量到一定程度的時(shí)候肯定會(huì)卡死了。在微信小程序中打開(kāi)的頁(yè)面不能超過(guò)10個(gè)，達(dá)到10個(gè)頁(yè)面后，就不能再打開(kāi)新的頁(yè)面。

之前出現(xiàn)這個(gè)問(wèn)題，還以為是Bug,是不是卡死了，后來(lái)發(fā)現(xiàn)只要回退一個(gè)頁(yè)面又可以重新打開(kāi)了。才發(fā)現(xiàn)了最大10個(gè)頁(yè)面的限制。

特意調(diào)研了其他公司的小程序，發(fā)現(xiàn)確實(shí)有這個(gè)問(wèn)題。我這邊就做了一個(gè)提示告訴用戶不能打開(kāi)這么多頁(yè)面，不然用戶會(huì)一臉茫然，點(diǎn)著點(diǎn)著就點(diǎn)不了。

每個(gè)頁(yè)面都會(huì)需要跟后臺(tái)交互加載數(shù)據(jù)，我這邊在統(tǒng)一的Http請(qǐng)求中進(jìn)行判斷。

實(shí)例代碼

 var pages = getCurrentPages();
 console.log("pages:" + pages.length);
 if (pages.length == 10) {
  wx.showToast({
  title: "頁(yè)面打開(kāi)太多，請(qǐng)回退關(guān)閉幾個(gè)頁(yè)面",
  icon: 'none',
  duration: 2000
  })
  setTimeout(() => {
  wx.navigateBack({

  })
  }, 2000)
  return;
 }

當(dāng)打開(kāi)第10個(gè)頁(yè)面的時(shí)候，給出提示，然后跳回上一個(gè)頁(yè)面。