代码之家  ›  专栏  ›  技术社区  ›  xcchcaptain

使用Vuelidate引导vue,如何在初始状态下停止验证表单

  •  3
  • xcchcaptain  · 技术社区  · 6 年前

    我们不应该在表单进入视图时验证表单。
    用户与输入交互后,应激活其验证。

    1 回复  |  直到 6 年前
        1
  •  10
  •   kble    6 年前

    您只需检查它是否脏:

    <b-form-input
      v-model="name"
      @input="$v.name.$touch()"
      :state="$v.name.$dirty ? !$v.name.$error : null"
    />
    

    如果不需要有效状态( is-valid 类),然后:

    <b-form-input
      v-model="name"
      @input="$v.name.$touch()"
      :state="!$v.name.$error && null"
    />