使用多选框进行多选 全选

使用多选框进行多选 全选

1.声明一个数组 绑定v-model 上 再去watch里面监听他就可以实现单选 多选
2 全选的话 直接上代码
chackAllData(ev) {
let state2 = ev.target.checked; //拿到一个状态进行判断
this.checkDataList = []; //声明的数组为空
if (state2) {
this.checkDataList = this.modifyData.map((o) => o.serviceId);
}//把id遍历到声明的数组中
},
3.最后去watch里面进行监听
this.$refs.gdglCheckBoxListData.checked =
this.checkDataList.length === this.modifyData.length &&
this.modifyData.length;
4.这样全选就好啦