selected: [],//选中的服务项目名称
<div class="filter-nav" v-for="(item,index) in navTabr" :key="index"
:class="{'active':selected.indexOf(item)!=-1}" @click="active(index,item)">
<div class="bg-box">
<span>{{item.name}}</span>
</div>
</div>
active(index, item) {
// this.selected.indexOf(item) 判断item下标是否为-1,
// 是-1则数组中匹配不到该数据,添加
// 不是-1则说明匹配到了,抹除
if (this.selected.indexOf(item) !== -1) {
this.selected.splice(this.selected.indexOf(item), 1); //取消
} else {
this.selected.push(item);//选中添加到数组里
}
console.log(JSON.parse(JSON.stringify(this.selected)));
},
声明:本站所有文章,如无特殊说明或标注,均为网络收集发布。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。