vue中的导航栏动态添加class（三目运算符）
分类:
文章
•
2024-05-06 15:38:58
1.三目运算符，:class=" isActive==‘aaa’ ? ‘isActive’ : ‘’ "，@click=“toggle(‘aaa’)”。判断isActive是否等于aaa，相等 -> class=“isActive”，不等 -> class=’’，点击的时候带上实际的参数
2.script中的isActive默认为“首页轮播图”，即“首页轮播图”的默认样式为black字体white背景
3.点击导航栏，把参数赋值给isActive，该导航栏添加样式
4.动态添加class=“isActive”
5.导航栏动态添加isActive的效果图如下：
