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 以确定输入是否有效并继续进行。

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