vee验证多种形式,范围-使用v-if时不起作用,但可用于v-show

时间:2019-04-17 17:48:44

标签: forms vue.js scope vuetify.js vee-validate

我正在vue应用程序中使用vuetify和vee-validate。我有3个带有输入字段的表格来验证。我使用v-if分别显示每种形式。我还使用data-vv-scope =“ my_scope_name”和每种形式的唯一作用域名称。表单都在同一组件中。

例如,如果我从另一个组件导航到包含表单的组件并显示表单1,则该表单将按预期进行验证。如果在同一个组件中,我隐藏了表单1并显示了表单2,并且如果它无法验证,那么它不会显示错误消息。与表格3类似。

如果我返回到另一个组件,然后导航回包含表单的组件,则表单2将按预期进行验证。与表格3类似。

所以,总结一下。从窗体组件内部的窗体之间导航,然后只有第一个窗体可以按预期进行验证,如果其他窗体无法验证,则其他窗体将不会显示错误消息。

从另一个组件导航时,如果所有表单都都显示为第一个表单,则它们将按预期验证。

现在,如果我将v-if替换为v-show,那么即使从包含表单的组件导航到它们,所有表单也会按预期验证。

这是正常行为还是我做错了什么?

0 个答案:

没有答案