前端——》ant-design-vue组件的使用之一（a-checkbox-group多选框的赋值与取值）

效果

如图所示，这是一个弹窗，弹窗中是多选框。而且不仅包含了多选框，还包含了时间组件

实现代码

页面

<template>
  <c-modal
    title="资质"
    centered
    :destroyOnClose="true"
    :visible="visible"
    :loading="loading"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
    @cancel="handleClose"
  >
    <a-form-model
      :label-col="{ span: 24 }"
      :wrapper-col="{ span: 24 }"
      ref="StaffQualification"
      :model="form"
      :rules="rules"
      :validate-messages="validateMessages"
    >
      <a-row :gutter="24">
        <a-col :span="24">
          <a-form-model-item label="资质" prop="qualification">
            <a-checkbox-group v-model="form.qualification">
              <a-row><