uni-app如何实现一个简单的选项卡

基础：
1.v-show显示隐藏
2.click点击事件
3.三目运算

 

步骤说明：
1.先写一个外框，在抒写2个内容，先把选项卡固定在顶部使用display: flex;，随后写2个不同的样式去区分选中和未选择

 

2.三目运算分别给他们赋一个排序，点击的时候获取是第一个还是第二个，如果选中则添加inv-h-se样式

 

3.return中默认显示第一个

 

4.最后写2个不同的容器，使用v-show来切换

 

效果如图：