如何在 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

focus事件上使用reset方法。

<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()方法。