vue动态添加类名方法（实现tab切换效果或导航选中效果）

1.三目运算符，:class=" isActive==‘aaa’ ? ‘isActive’ : ‘’ "，@click=“toggle(‘aaa’)”。判断isActive是否等于aaa，相等 -> class=“isActive”，不等 -> class=’’，点击的时候带上实际的参数

<el-button :class=" isActive=='月' ? 'isActive' : '' " @click="monthGasVolume('月')">月</el-button>
<el-button :class=" isActive=='周' ? 'isActive' : '' " @click="weekGasVolume('周')">周</el-button>

铵钮
导航栏

2.script中的data中isActive默认为“周”

 isActive:'周'

按钮
或导航
3.点击按钮或导航栏，把参数赋值给isActive，该按钮或导航栏添加样式
按钮

或导航

4.动态添加class=“isActive”

5.效果如下:
按钮
导航栏