Vuejs2 vee validate不使用引导vue

我正在尝试使用vee validate对bootstrap vue进行表单验证，但无法使任何内容正常工作。基本上，我想做：

<b-form-input v-model="emailText"
              placeholder="Enter email"
              v-validate="'required|email'"
              name="email"
              type="text">
    <b-row>
        <span>{{ errors.first('email') }}</span>
    </b-row>
</b-form-input>

{{errors.first（'email'）}

但当我在字段中键入非电子邮件地址时，我什么也看不到。但是，如果我改变：

b-form-input

to

input

---

然后一切都开始了。这种行为有解决办法吗？任何帮助都将不胜感激。

您已将错误消息放在

中，它没有内部插槽，因此不会呈现错误消息。如果在输入后将其移动到，则应修复您的问题：

<b-form-input v-model="emailText"
              placeholder="Enter email"
              v-validate="'required|email'"
              name="email"
              type="text">
</b-form-input>
<b-row>
    <span>{{ errors.first('email') }}</span>
</b-row>

{{errors.first（'email'）}

您还可以在

和周围的

上使用引导Vue的

状态

和

无效反馈

属性，以更好地显示验证错误。所有这些都在本文中得到了证明