VeeValidate - 未定义属性或方法“$validator”答案

【问题标题】：VeeValidate - Property or method "$validator" is not definedVeeValidate - 未定义属性或方法“$validator”
【发布时间】：2020-11-09 10:16:50
【问题描述】：

我已经导入了必要的组件

import { ValidationProvider, ValidationObserver } from 'vee-validate'

我已经注册了

 Vue.component('ValidationProvider', ValidationProvider)
 Vue.component('ValidationObserver', ValidationObserver)

但是当我尝试访问 $validator 时，我收到了这个错误。简单的console.log(this.$validator) 不起作用。

这是模板

<template>
 <ValidationProvider
  v-slot="{ error, valid }"
  :rules="rules"
  name="$attrs.name"
 >
 <input v-model="enteredValue" v-bind="$attrs"/>
</ValidationProvider>

【问题讨论】：

标签： vue.js validation vee-validate

【解决方案1】：

vee-validate 2 和 3 中的组件 API 与将 $validator 实例注入组件的旧指令 API 不同。您不能混合使用两种 API，只能使用一种或另一种。

换句话说，您无法再访问$validator。请咨询 v3 documentation 以了解有关 Provider/Observer API 的更多信息。

【讨论】：