微信小程序新手教程之页面打开数量限制
更新时间：2019年03月03日 10:37:04 作者：猿天地
这篇文章主要给大家介绍了关于微信小程序新手教程之页面打开数量限制的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
前言
众所周知，无论是在小程序还是APP中，打开一个页面其实就是创建了一个新的View对象，一层层叠加的。当点击页面的回退按钮就是把当前页面关闭。
这个过程中会涉及到一个问题，就是打开页面的数量。在某些设计下，比如一个商品详情页面中会推荐其他的商品，这些商品点进去就是详情页面。详情页面中又有推荐，又可以点进去。这样重复下去打开的页面就会越来越多。
如果不做限制，当打开数量到一定程度的时候肯定会卡死了。在微信小程序中打开的页面不能超过10个，达到10个页面后，就不能再打开新的页面。
之前出现这个问题，还以为是Bug,是不是卡死了，后来发现只要回退一个页面又可以重新打开了。才发现了最大10个页面的限制。
特意调研了其他公司的小程序，发现确实有这个问题。我这边就做了一个提示告诉用户不能打开这么多页面，不然用户会一脸茫然，点着点着就点不了。
每个页面都会需要跟后台交互加载数据，我这边在统一的Http请求中进行判断。
实例代码
var pages = getCurrentPages();
console.log("pages:" + pages.length);
if (pages.length == 10) {
wx.showToast({
title: "页面打开太多，请回退关闭几个页面",
icon: 'none',
duration: 2000
})
setTimeout(() => {
wx.navigateBack({
})
}, 2000)
return;
}
当打开第10个页面的时候，给出提示，然后跳回上一个页面。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
相关文章
request请求获取参数的实现方法(post和get两种方式)
下面小编就为大家带来一篇request请求获取参数的实现方法(post和get两种方式)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
下面小编就为大家带来一篇JavaScript+CSS相册特效实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了JS实现简单表格排序操作,结合具体实例形式分析了JavaScript事件响应及table表格动态操作相关技巧,需要的朋友可以参考下2017-10-10
下面小编就为大家带来一篇js学习总结_轮播图之渐隐渐现版(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
本文给大家分享一段js代码关于动态数量的文件上传控件，代码简单易懂，非常不错具有参考借鉴价值，感兴趣的朋友一起看看2016-11-11
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
这篇文章主要介绍了基于JavaScript判断浏览器到底是关闭还是刷新(超准确)的相关资料,需要的朋友可以参考下2016-02-02
我们经常看到液晶电子表样式，数字动态显示，动态变化的在指定元素内显示数字。怎么实现效果呢？下面小编给大家带来了基于JS实现数字动态变化显示效果 ，感兴趣的朋友一起看看吧2019-07-07
这篇文章主要介绍了javascript中类的定义方式,结合实例形式较为详细的分析了JavaScript中类的四种定义方式,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要给大家介绍了关于ECharts数据可视化基本使用之常用图表类型的相关资料,echarts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表,需要的朋友可以参考下2023-11-11
下面小编就为大家带来一篇JS获得一个对象的所有属性和方法实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
最新评论