Vee-使用v-for验证和验证复选框组

<div v-validate="'required|in:option1,option2,option3'" name="checkboxGroup">
  <input type="checkbox" value="option1" name="checkbox"> Option 1<br>
  <input type="checkbox" value="option2" name="checkbox"> Option 2<br>
  <input type="checkbox" value="option3" name="checkbox"> Option 3<br>
</div>

<p v-show="errors.has('checkboxGroup')">Please select at least one option.</p>

import VeeValidate from 'vee-validate';

Vue.use(VeeValidate);

const config = {
  errorBagName: 'errors', // 错误信息的存储位置
  fieldsBagName: 'fieldBags', // 字段的存储位置
  delay: 100, // 延迟验证的时间
  locale: 'en', // 语言
  dictionary: null, // 自定义错误信息
  strict: true, // 严格模式，只显示第一个错误信息
  classes: false, // 添加/删除错误类
  classNames: {
    touched: 'touched', // 已经验证过的类名
    untouched: 'untouched', // 未验证过的类名
    valid: 'valid', // 验证通过的类名
    invalid: 'invalid', // 验证失败的类名
    pristine: 'pristine', // 未修改过的类名
    dirty: 'dirty' // 修改过的类名
  }
};

Vue.use(VeeValidate, config);