小程序中的tab组件不显示是什么原因（微信小程序的tab组件）

前言:

对于经常开发小程序的朋友来说，tabBar组件应该大家都非常熟悉。我以为我很了解它，但今天的经历让我彻底明白了它。今天我像往常一样开发了一个小程序，但我意外地发现我设置了一个tabBar但它没有显示它。发生了什么事?于是我开始带着疑惑慢慢检查问题。

解决方案如下:

首先，如果没有显示tabBar，则需要检查指向的页面是否已注册。如果未注册，则无法找到该页面。

其次，我们必须确保路径拼写正确。我不知道为什么Windows平台上的微信开发工具在设置tabBar的列表时没有代码提示，所以我们只能自己拼写路径的全名。这时候一定要注意拼写的正确性，否则页面加载后，tabBar找不到了，但是找不到控制台也不会报错，所以一定要注意路径的拼写。就像我设置列表的pagePath属性时一样，我将“组件”写成了“组件”

最后，在页面路径正确的前提下，还是没有显示tabBar。我尝试了很多次，终于找到了原因，因为我以前是做Android的，在Android中，也有一个类似的组件叫做TabHost，它包含在一个活动中，包括指向活动（假设有三个活动）。总共有四个活动，但是在微信小程序中，如果一个页面包含三个页面，那么很抱歉tabBar无法正常显示。在微信小程序中，启动页面必须包含在标签栏中，并且启动页面必须是标签栏列表属性中的第一个元素才能正常显示。安卓学生很容易在这个地方纠结。

相关推荐:小程序开发教程

这几篇文章你可能也喜欢：

• 利用scroll -视图组件实现小程序返回顶部的特效（小程序的scroll -视图下拉刷新）
• vue有几个组件(vue有哪些组件)？
• 使用scroll-view组件实现小程序返回顶部的特效(小程序scrollview滚动到指定位置)。
• applet中的tabbar组件没有显示(applet隐藏了tabbar)的原因是什么

本文由主机参考刊发，转载请注明：小程序中的tab组件不显示是什么原因（微信小程序的tab组件） https://zhujicankao.com/114839.html