zoukankan      html  css  js  c++  java
  • 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个套餐")
    }

  • 相关阅读:
    点子
    点子
    ruby crawler Anemone
    创业站
    我友网 没前途
    创意
    电商站
    尿布
    创意
    青番茄好项目
  • 原文地址:https://www.cnblogs.com/xzhce/p/13564487.html
Copyright © 2011-2022 走看看