vue 自定义复选框

自定义的复选框，解决基本的问题

效果图

首先是新定义一个空数组arr ，拿来装选择之后的数据

```

groupClick(i){

let list =  []

  if(this.arr.includes(i)){

    //includes()方法判断是否包含某一元素,返回true或false表示是否包含元素，对NaN一样有效

    //filter()方法用于把Array的某些元素过滤掉，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素：生成新的数组

this.arr=this.arr.filter(function (ele){return ele !== i;});

    // this.params.groupIds= this.params.groupIds.filter(function (ele){return ele !== i;});

//this.arr=this.arr.filter((ele)=>ele!=i);

    //filter()为假时删除

  }else{

    this.arr.push(i);

}

list= this.arr.map((i)=>{

  let item= this.groupList.find((c,index) => index === i);

  return item

});

this.params.groupIds= list.map(item=>{

  return item.id

})

},

```

最后拿到数组，根据自己的需求去再去转换自己想要的数据.简单的自定义复选框就完成了。