Как убрать подсказку об ошибке при фокусе ввода в vueJS

Question

Я хотел бы удалить ошибку, когда я сфокусировался на своем вводе. Вот мой ввод:

      <v-text-field
        v-model="models.codePostal"
        label="Code postal"
        :rules="regles.codePostal"
        :hint="this.models.communeResidence.codePostal!==''?`Pourrait être ${this.models.communeResidence.codePostal}`:''"
        hide-details="auto"></v-text-field>

Я думал, что смогу добавить

@focus="error=false"

Но это не работает. У кого-нибудь есть идея? Это может быть невозможно. Спасибо.

Answer 1

Используйте метод reset для события focus.

<v-text-field
  @focus="reset()"
  ref="field"
  v-model="models.codePostal"
  label="Code postal"
  :rules="regles.codePostal"
  :hint="this.models.communeResidence.codePostal!==''?`Pourrait être ${this.models.communeResidence.codePostal}`:''"
  hide-details="auto"
></v-text-field>

 methods: {
    reset() {
      this.$refs.field.reset()
    }

Или resetValidation() метод таким же образом, если вы не хотите очищать поле.