Bootstrap-vue with Vuelidate,如何在初始状态停止验证表单

Question

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

Answer 1

你只需要检查它是否脏了：

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

如果您不想要有效状态 (is-valid class)，则：

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

Bootstrap-vue with Vuelidate,how to stop validate the form at the initial state