【问题标题】:Bootstrap-vue with Vuelidate,how to stop validate the form at the initial state带有Vuelidate的Bootstrap-vue,如何在初始状态停止验证表单
【发布时间】:2018-08-13 18:57:44
【问题描述】:

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

【问题讨论】:

    标签: forms validation vue.js bootstrap-vue


    【解决方案1】:

    你只需要检查它是否脏:

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

    【讨论】:

    • $v 指的是什么?
    • $v 是验证结果对象。
    猜你喜欢
    • 2018-10-01
    • 1970-01-01
    • 2015-08-13
    • 1970-01-01
    • 1970-01-01
    • 2020-03-17
    • 1970-01-01
    • 2018-10-08
    • 1970-01-01
    相关资源
    最近更新 更多