1、页面中多个div,点击当前div显示激活的样式,别的dov去掉激活的样式
<div class="buttonText" :class="{activeOrange:active==2}" @click="commonClick('电力部')">电力部</div>
<div class="buttonText" :class="{activeOrange:active==3}" @click="commonClick('化工部')">化工部</div>
<div class="buttonText" :class="{activeOrange:active==4}" @click="commonClick('科技部')">科技部</div>
.activeOrange{
color: #271d00;
background: #ffc000;
}
2、或者用下列动态添加样式
<div class="openDiv" @click="isShowDiv=!isShowDiv" :class="currentYear=='all' ? 'openDivActive' :''">
<i class="el-icon-arrow-right"></i>
</div>