vue2+antd复选框（checkbox）实现全选反选与部分选择（js版本）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：记录vue2+antd搭建的项目，关于checkbox全选，单选，和默认选择几个数据。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、上代码

背景：项目使用vue2+vue cli+antd+js，同时选择所有，选择单个数据，checkbox状态，会有未选/全选/部分选/不可选四种状态，页面效果可见文章最下方；

二、使用步骤

1.模板代码

代码如下（示例）：

<template>
  <div>
    <a-checkbox v-model="checkAll" :indeterminate="indeterminate" @change="onCheckAllChange"> Check all </a-checkbox>
    <a-divider />