在data中定义字段
informationActive:' 鲜花 ' 默认选中鲜花; ' ' 默认不选中;
给字段active 设置样式 比如
.informationActive{
background:‘ pink ’ ;如没有生效需加 !important;
}
然后在代码中
<span
v-for="(item, index) in informationTypes" 这个数组自行定义
:key="index"
:class="{ informationActive: informationActive == item }" 切换类
@click="handleChangeInformation(item)" 点击事件 item.name...
>{{ item }}
</span >
在methods中
handleChangeInformation(item){
this.informationActive=item
}
over