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']" >