时间戳

首页 > 解决方案 > 如何在 vueJS 中删除输入焦点上的错误提示

forms - 如何在 vueJS 中删除输入焦点上的错误提示

问题描述

当我专注于我的输入时，我想删除错误。这是我的输入：

      <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"

但它不起作用。有人有想法吗？这可能是不可能的。谢谢。

标签： formsvalidationvue.jsinput

解决方案

在事件上使用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()如果您不想清除该字段，请以相同的方式进行。

推荐阅读