现在有很多组件都可以实现需要的功能,不想用的时候,也可以自己写的
<div class="store-detail" v-for="(item,index) in storeDetailData"
:class="selStoresArr.includes(index)?'seledShopActive':'selShopActive'"
@click="selectStore(index)">
</div>
<javascript>
export default{
data(){
return{
storeDetailData:[],
selStoreId:'',
selStoresArr:[],//为了实现单选和多选
}
},
methods:{
selectStore(index){
//选择
this.selStoreId=index
if(this.selStoresArr.includes(index)){
this.selStoresArr=this.selStoresArr.filter(function(ele){
return ele!=index;
})
}else{
this.selStoresArr.push(index)
}
//console.log(this.selStoresArr,'xxxx========')
},
}
}
</javascript>