vue实现给同级div添加样式

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>

猜你喜欢

转载自blog.csdn.net/qq_40576178/article/details/123497179