Vue.js vee-validate至少一个复选框需要取消选中

时间:2018-08-30 02:20:17

标签: vue.js vuejs2 vee-validate

我允许用户将复选框动态添加到表单中。用户可以选择是否检查。用vee-validate检查至少一个框需要保持未选中状态的最简单方法是什么?

<div class="checkbox col-xs-12 form-group" 
    :class="{'has-error': errors.has('check[' + index + '][check_exclude]')}">
  <div class="checkbox"">
    <label>
        <input type="checkbox" 
           v-model="item.check_exclude" 
           v-validate data-vv-rules="max_value:0" 
           data-vv-as="Check Exclude" 
           name="check_exclude" 
           :name="'check[' + index + '][check_exclude]'" 
           value="1">
    </label>
    <span 
      v-cloak 
      v-show="errors.has('check[' + index + '][check_exclude]')" class="help-block">
    {{ errors.first('check[' + index + '][check_exclude]') }}
        </span>
  </div>
</div>

0 个答案:

没有答案