index.wxml
<view class="wrap">
<view wx:for="{{list}}" class="box {{cativeindex==index?'active':''}}" data-index="{{index}}" bindtap="click">{{item}}</view>
</view>
<view>{{cativeindex}}</view>
index.wxss
.wrap{
display: flex;
flex: 1;
}
.box{
width: 50%;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid red;
}
.active{
color: #f00;
}
index.js
data: {
list:["选项卡1","选项卡2"],
cativeindex:0
},
click(e){
let cativeindex=e.target.dataset.index;
this.setData({
cativeindex:cativeindex
})
}