### [小程序怎么设置tab](https://www.prosaas.cn/article/16919)

**Published:** 2020-03-18T01:19:15

**Author:** 5201314

**Excerpt:** 小程序怎么设置tab？微信小程序实现tab切换的方法首先声明一个tab状态变量，如下图所示接着定义被选中的ta…

**![](https://img.php.cn/upload/article/000/000/020/5e7176fd3ebdc834.jpg)**

**小程序怎么设置tab？微信小程序实现tab切换的方法**

首先声明一个tab状态变量，如下图所示

![](https://img.php.cn/upload/image/362/340/224/1584494222900081.png)

接着定义被选中的tab的颜色，如下图所示

![](https://img.php.cn/upload/image/438/681/238/1584494226727163.png)

然后编写wxml页面，如下图所示，根据tab状态变量决定哪部分显示

![](https://img.php.cn/upload/image/994/584/336/1584494230842711.png)

接着实现点击tab页卡的方法，如下图所示

![](https://img.php.cn/upload/image/434/909/610/1584494236499409.png)

运行一行我们就可以看到如下图所示的界面了

![](https://img.php.cn/upload/image/166/333/109/1584494240390741.png)

点击就可以切换内容了，如下图所示

![](https://img.php.cn/upload/image/716/815/842/1584494245582480.png)

综上所述，在小程序中实现tab页卡的切换主要掌握状态变量就好了

以上就是小程序怎么设置tab的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---