微信小程序怎么實(shí)現(xiàn)頁面打開數(shù)量限制

這篇文章主要介紹“微信小程序怎么實(shí)現(xiàn)頁面打開數(shù)量限制”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“微信小程序怎么實(shí)現(xiàn)頁面打開數(shù)量限制”文章能幫助大家解決問題。

前言

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

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

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

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

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

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

實(shí)例代碼

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

  })
  }, 2000)
  return;
 }

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

關(guān)于“微信小程序怎么實(shí)現(xiàn)頁面打開數(shù)量限制”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。