VeeValidate 3.x 按名称从 ValidationProvider 获取特定类答案

【问题标题】：VeeValidate 3.x get specific classes from ValidationProvider by nameVeeValidate 3.x 按名称从 ValidationProvider 获取特定类
【发布时间】：2021-04-15 12:12:50
【问题描述】：

我在我的 Nuxt JS/Vue 项目中使用 Vee Validte 3.x。我需要能够通过名称或某个唯一标识符从特定的 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 不会在同一个组件中使用，而是在您的应用程序的其他地方使用，对吧？
正确，它将在我的页面中使用，而不是在组件中使用

标签： javascript vue.js nuxt.js vee-validate

【解决方案1】：

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

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

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

【讨论】：