element-ui如何使用form的验证机制来验证布尔值？

Question

目前就是使用了el-checkbox来让用户选择是否同意条款,但目前不能使用form的验证机制来验证是否为选择，不过是框架自带的验证，还是自定义验证都不行，是否有办法呢？

Answer 1

<el-form-item
  prop="accept"
  :rules="{
    validator: validateAccept,
    message: '请勾选服务协议',
    trigger: 'change',
  }"
>
  <el-checkbox v-model="registeData.accept">
    我同意并遵守
    <el-link type="primary" :underline="false" href="/protocols">
      《服务协议》
    </el-link>
  </el-checkbox>
</el-form-item>

validateAccept(rule, value, callback) {
  if (!value) {
    callback(new Error());
  } else {
    callback();
  }
},

Answer 2

element-ui文档中-form表单验证-这里的活动性质就是el-checkbox验证啊

// 活动性质
<el-form-item label="活动性质" prop="type">
    <el-checkbox-group v-model="ruleForm.type">
      <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
      <el-checkbox label="地推活动" name="type"></el-checkbox>
      <el-checkbox label="线下主题活动" name="type"></el-checkbox>
      <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
    </el-checkbox-group>
</el-form-item>

Answer 3

如果是验证是否同一条款，那么只对应一个布尔值，直接v-model一个变量监控布尔值就行，true是选中，false是未选中。如果你是想做是否同一条款为必填项，那么用这个就监控不到，可以通过单选框进行处理