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

问题描述

我已经导入了必要的组件

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>

解决方法

vee-validate 2和3中的组件API与旧的指令API不同，后者将$validator实例注入到您的组件中。您不能同时使用这两种API。

换句话说，您不能再访问$validator。请查阅v3 documentation，以了解有关提供者/观察者API的更多信息。