Error de elemento personalizado de Vue con el componente ValidationObserver de validación en vee

Aug 19 2020

Estoy tratando de usar vee-validatepara validar algunas entradas en esta aplicación. Cuando trato de usar la ValidationObserveretiqueta personalizada, aparece este error.

[Advertencia de Vue]: elemento personalizado desconocido: <ValidationObserver>- ¿registró el componente correctamente? Para componentes recursivos, asegúrese de proporcionar la opción "nombre".

Lo agrego a los componentes en la <script>sección del elemento .vue.

    <script>
    import { ValidationObserver } from 'vee-validate';
    import { mapState, mapGetters, mapActions } from 'vuex';

    export default {
      data: () => ({
        name: 'ValidationObserver',
        components: {
          ValidationObserver,
        },
    // code continues on from here

En caso de que fuera necesario, también lo incluí en los componentes de mi main.jsarchivo donde se crea la aplicación Vue. No solucionó el error.

Respuestas

1 BoussadjraBrahim Aug 19 2020 at 03:03

la opción de componentes debe estar fuera de la opción de datos:

export default {
  data: () => ({
    name: 'ValidationObserver',
  }),
 components: {
      ValidationObserver,
    },