时间戳

首页 > 解决方案 > VeeValidate 3.x 按名称从 ValidationProvider 获取特定类

javascript - VeeValidate 3.x 按名称从 ValidationProvider 获取特定类

问题描述

我在我的 Nuxt JS/Vue 项目中使用 Vee Validte 3.x。我需要能够通过名称或某些唯一标识符从特定的 Validation Provider 元素中获取类，并将类对象输出到页面上的其他位置。

我正在努力弄清楚如何，并认为 aref会起作用，但没有。

这是我的代码：

<!-- 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 文件中的某处，以便我可以在其他地方使用来自一个输入的类，但这不起作用。

标签： javascriptvue.jsnuxt.jsvee-validate

解决方案

this.$validator实际上已被删除以支持ValidationObserver：https ://vee-validate.logaretm.com/v3/migration.html#migrating-from-2-x-to-3-0

到目前为止，如果您尝试验证不直接在您正在处理的组件中的内容，您应该查看验证标志 ( errors) 并更新 Vuex 商店的状态。然后访问 Vuex 以决定输入是否有效并继续进行。

据我所知，没有全球验证。

推荐阅读