VueJs & Vuetify 프로젝트에서 Vee-Validate 3.x를 실행

VueJs & Vuetify 프로젝트에서 Vee-Validate 3.x를 실행

VueJs - Vuetify 프로젝트에서 Vee Validate 3.x를 잠시 사용하려고 합니다.내가 오해하고 있는 건지 아니면 그 문서들이 너무 부정확한 건지...

여기 있습니다.

main.discloss.main.discloss.

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';
import VueRouter from './routes';
import {ValidationProvider} from 'vee-validate';
import i18n from './i18n';
import { extend } from 'vee-validate';
import { required } from 'vee-validate/dist/rules';


// Register it globally
Vue.component('ValidationProvider', ValidationProvider);
// Add the required rule
extend('required', {
  ...required,
  message: 'This field is required'
});

Vue.config.productionTip = false;
new Vue({
  vuetify,
  router: VueRouter,
  i18n,
  render: h => h(App)
}).$mount('#app')

일부 컴포함

    <ValidationProvider name="email" rules="required|email" v-slot="{ errors }">
    <v-text-field
      v-model="lineItem.name"
      @input="$emit('update:lineItem', $event)"
      required
    />
      <span>{{ errors[0] }}</span>
    </ValidationProvider>

나는 계속하게 된다.Unknown custom element: <ValidationProvider> - did you register the component correctly?

어떤 도움이라도 주시면 감사하겠습니다.

언급URL : https://stackoverflow.com/questions/59233190/vee-validate-3-x-on-vuejs-vuetify-project