vue.js - 审核复选框验证

我正在使用Vue.js，但我是新手。我目前正在验证。我曾使用vuelidate作为验证库。我已经成功完成了表单验证，但是当我必须检查复选框的验证时遇到了麻烦。

如何检查复选框的验证？另外，我还使用了bootstrapvue来显示复选框。

   <b-col lg="6" md="6" sm="6">
      <label>Bus Route</label>
      <b-form-group>
        <b-form-checkbox v-for="route in busRouteList"
                         v-model.trim="selectedRoute"
                         v-bind:value="route.value"
                         v-bind:unchecked-value="$v.selectedRoute.$touch()">
          {{route.text}}</b-form-checkbox>
      </b-form-group>
      <div class="form-group__message" v-if="$v.selectedRoute.error && !$v.selectedRoute.required">
        Field is required
      </div>
    </b-col>

validations: {

      selectedRoute: {
        required
      },
}

最佳答案

您应该绑定(bind)@change方法:

 <b-form-checkbox v-for="route in busRouteList"
                         v-model.trim="selectedRoute"
                         v-bind:value="route.value"
                         @change="$v.selectedRoute.$touch()">

并且您可能想使用自定义函数:

selectedRoute: {
  checked (val) {
    return val
  }
},