vue 单选多选,最多可以选择三个

<div class="list-item" v-for="(item,index) in list" :key="index" @click="changShow(item,index)">
<img class="left-img" v-show="!item.isShow" src="../../assets/check.png" alt="">
<img class="left-img" v-show="item.isShow" src="../../assets/checked.png" alt="">

changShow(item,index){
this.list[index].isShow=!this.list[index].isShow;
},

 

 

goDuibi(){
var arr=this.list.filter((item)=>{
return item.isShow;
});
var num=arr.length;

if(num!=3){
alert("请选择3个套餐")
}

上一篇:vue学习06 v-show指令


下一篇:echarts堆叠柱状图在柱子上方显示总数