vue 使用vant 的van-checkbox-group来实现全选反选以及单选

一、在做项目的时候有一个列表图片需要实现全选反选以及单选的功能，如下效果：

这里基于vue+vant来实现的，代码如下：

<template>
    <div class="punch-picture-wrapper">
        <div class="punch-picture-bottom">
            <div class="bottom-left">
                <van-checkbox v-model="checkAllFlag" shape="square" @change="checkAll">全选</van-checkbox>
            </div>
        </div>
        <div class="punch-picture-content">
            <div class="punch-picture-list">
                <div class="picture-row">
                    <div class="picture-col" v-for="(item, index) in dataList" :key