添加样式的几种写法-CSDN博客

本文链接：https://blog.csdn.net/wangnapao12/article/details/145931078

<div v-for="(item,index) in flyTaskList" :key="index" :class="activeIndex==index?'activedContent':'content'" @click="airLineClick(item,index)" </div>


airLineClick(item,index){
    this.activeIndex=index;
}


<div v-for="(item,index) in flyTaskList" :key="index" :class="['item',activeIndex==index?'activedContent':'content'"] @click="airLineClick(item,index)" </div>


airLineClick(item,index){
    this.activeIndex=index;
}

<div v-for="(item,index) in airLineList" :key="index" class="content" :class="{activedContent:highLightList.includes(item.id)}" @click="airLineClick(item.id)">
</div>


<div v-for="(item,index) in flyTaskList" :key="index" :class="activeIndex==index?'activedContent':'content'" @click="airLineClick(item,index)" 
<div :class="item.statusCode=='配置中'?'pzz':item.statusCode=='待执行'?'dzx':item.statusCode=='已完成'?'ywc':''">{{item.name}}</div>
</div>


airLineClick(item,index){
    this.activeIndex=index;
}