vue动态修改css样式:class
在vue中使用:class属性动态修改样式
class="swiper" :autoplay="false" @change="changeFun">
for="(item,index) in menuSwiper" :key="index" >
class="swiper-item">
for="(menu, index) in item" :key="index" >
class="menu-cont">
"menu.url" mode="widthFix"
>
{{menu.name}}
class="instruct-view">
for="(item, index) in instructData" :key="index">
class="instruct" :class="[index == num ? 'activeclass':'instruct']" >
代码结果:滑动菜单列表,下面灰色的小长方块会跟着变亮背景色
主要代码:view中:class属性的使用
class="instruct-view"> for="(item, index) in instructData" :key="index"> class="instruct" :class="[index == num ? 'activeclass':'instruct']" >