动态调整class

给点击的元素添加class，其它的元素删除指定class的方法

1.要实现的效果，单击导航条，下面添加下划线，单击其它的则上一个消失。

代码如下：

html代码

<view class="right_day">
                    <text class="day_titlee " :class="{ active: 1==isActive}" @click="check(1)">今日</text>
                    <text class="day_titlee" :class="{ active: 2==isActive}" @click="check(2)">近7天</text>
                    <text class="day_titlee" :class="{ active: 3==isActive}" @click="check(3)">近30天</text>
                </view>

vue代码

<script>
    export default {
        data() {
            return {
                isActive: 0
            }
        },
        methods: {
            check(index) {
                this.isActive = index
                console.log(index)
            }
        }
    }
</script>

css代码如下

.active {
        border-bottom: 2rpx pink solid;
        color: #9375f8;
    }