按钮点击切换样式

1、uniapp中

<view class="buttons"><view v-for="item,index in navTitle" :key="index" @click="btnClick(index)"><view class="text" :class="{activeClass: currentIndex == index}">{{item}}</view></view></view>

2、数据

navTitle: ['一', '二', '三'],currentIndex: 0,

3、方法

btnClick(index) {this.currentIndex = indexconsole.log('btn', this.currentIndex)}

4、样式

.activeClass {// border-bottom: 1px solid blue;border-bottom: 2px solid #3B76FF;// color: #3B76FF;}