вернуть исходный класс ввода при удалении контента

Question

я сделал ввод, когда пользователь вводит адрес электронной почты.

input(
    :class="hasError? 'border-red-600': 'border-green-700'"
    id="email"
    v-model="email"
    type="email"
    name="email"
    placeholder="type your email"
    required
    )

при ошибке, hasError установлен в true

Как мне построить v-bind или метод для возвратаоригинальный класс 'border-green-700', когда пользователь начинает удалять письмо, которое вернуло ошибку? какой подход лучше?

Answer 1

Я использовал нажатие клавиши с методом для установки hasError false

input(
    @keypress="checkInput"
    :class="hasError? 'border-red-600': 'border-green-700'"
    id="email"
    v-model="email"
    type="email"
    name="email"
    placeholder="type your email"
    required
    )

и метода

methods: {
  checkInput: function() {
    this.hasError = false
  }
}