uniapp实现选项卡功能的方法：首先写一个外框，把选项卡固定在顶部使用【display: flex】；然后使用三目运算分别赋一个排序，如果选中则添加【inv-h-se】样式；最后写2个不同的容器，使用【v-show】来切换。
本教程操作环境：windows7系统、
uni-app
2.5.1版本，Dell G3电脑。
uniapp实现选项卡功能的方法：
步骤说明：
1、先写一个外框，在抒写2个内容，先把选项卡固定在顶部使用
;，随后写2个不同的样式去区分选中和未选择
2、三目运算分别给他们赋一个排序，点击的时候获取是第一个还是第二个，如果选中则添加inv-h-se样式
3、return中默认显示第一个
uni-app电商系统实战精讲课程课件
uni-app电商系统实战精讲课程
下载
4、最后写2个不同的容器，使用
来切换
效果如图：
相关免费学习推荐：
编程视频
display: flexv-show
选项卡1
我是选项卡二
我是选项卡一
我是选项卡二