如何解决VeeValidate 3.x 通过名称从 ValidationProvider 获取特定类
我在 Nuxt JS/Vue 项目中使用 Vee Validte 3.x。我需要能够通过特定的 Validation Provider 元素的名称或某个唯一标识符从特定的 Validation Provider 元素中获取类,并将类对象输出到我页面上的其他位置。
我正在努力弄清楚如何,并认为 ref
会起作用但没有。
这是我的代码:
<!-- Data Source (Table) (Validation Workaround) -->
<validation-provider
tag="div"
name="data source"
:rules="{ required: { allowFalse: false } }"
v-slot="{ errors,classes }"
>
<CustomInput
class="hidden-spans"
:options="editor.sources"
v-model="mockedCheckBoxes.source.isChecked" />
<span class="block text-xs text-red-500 mt-1">{{ errors[0] }}</span>mockedCheckBoxes.source.classes = classes" />
</validation-provider>
我希望能够执行以下操作:
this.$validator('data source').classes
在我的 Vue 文件中的某处,以便我可以在其他地方使用来自一个输入的类,但这不起作用。
解决方法
this.$validator
实际上被移除以支持 ValidationObserver
:https://vee-validate.logaretm.com/v3/migration.html#migrating-from-2-x-to-3-0
到目前为止,如果您尝试验证不在您正在处理的组件中直接存在的内容,您应该查看验证标志 (errors
) 并更新 Vuex 存储中的状态。然后访问 Vuex 以确定输入是否有效并继续进行。
据我所知,没有全球验证。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。