forms - Bootstrap-vue 与 Vuelidate，如何在初始状态停止验证表单

Question

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

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