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