Errore dell'elemento personalizzato Vue con il componente ValidationObserver vee-validate

Aug 19 2020

Sto cercando di utilizzare vee-validateper convalidare alcuni input su questa app. Quando provo a utilizzare il ValidationObservertag personalizzato ricevo questo errore.

[Vue warn]: Elemento personalizzato sconosciuto: <ValidationObserver>- hai registrato correttamente il componente? Per i componenti ricorsivi, assicurati di fornire l'opzione "name".

Lo aggiungo ai componenti nella <script>sezione dell'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

Nel caso fosse necessario, l'ho inserito anche nei componenti nel mio main.jsfile dove viene creata l'app Vue. Non ha risolto l'errore.

Risposte

1 BoussadjraBrahim Aug 19 2020 at 03:03

l'opzione componenti dovrebbe essere al di fuori dell'opzione dati:

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