Как реализовать обязательный без валидатора vuelidate для флажков

Question

Используя Vuelidate, поскольку валидатор 'required' теперь считает логическое значение 'false' допустимым значением, вы должны использовать 'sameAs', как sameAs: sameAs( () => true ), чтобы реализовать обязательную проверку для флажков. Как реализовать проверку 'requiredUnless' для флажков, используя vuelidate, где флажок требуется проверять, только если свойство не имеет определенного значения?

Answer 1

Я не смог найти способ проверки с помощью vuelidate. Поэтому я создал метод, который переключает класс css, выполняя метод и передавая ему объект $ v, и запускает проверку, только если значение не является выбранным значением.

 <div class="input inline" :class="{invalid: checkCountry($v)}">

Валидатор

 Validations: {
  terms: {
    sameAs: sameAs(vm => {
      if (!(vm.country === 'germany')) {
        return true;
      } else {
        return false;
      }
    })

Метод

methods: {
    checkCountry($v) {
      if (this.country === 'germany') {
        return false;
      } else {
        return $v.terms.$invalid;
      }
    }