Проблема валидаций во VUE

Question

Проблема валидаций во VUE. Вроде всё прописал но не работает и в консоль ни какие ошибки не выдаёт. Хотел чтобы при отсутствии текста в форме добавлял класс, если без бутстрапа начинаются ошибки, если его добавить ошибок нет но всё равно ничего не работает. Помогите пожалуйста.

export default {
  data() {
    return {
      formReg: {
        lName: ''
      },
    }
  },
  validations: {
    formReg: {
      lName: {
        required
      }
    }
  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div class="l-name">
      <label for="l-name">Фамилия: </label><br>
      <input 
      @blur="$v.formReg.lName.$touch()"
      :class="{'is-invalids': $v.formReg.lName.$error}" 
      v-model="formReg.lName" 
      type="text" id="l-name"><b>*</b>
</div

Answer 1

Импортируйте import { required } from 'vuelidate/lib/validators'

Укажите v-model="$v.formReg.lName.$model"

БЛОГ НА HUSL

Проблема валидаций во VUE

Ответы (1 шт):