Fehler bei benutzerdefiniertem Vue-Element mit vee-validate ValidationObserver-Komponente

Question

Ich versuche, vee-validateeinige Eingaben in dieser App zu validieren. Beim Versuch, das ValidationObserverbenutzerdefinierte Tag zu verwenden, erhalte ich diesen Fehler.

[Vue warn]: Unbekanntes benutzerdefiniertes Element: <ValidationObserver>- Haben Sie die Komponente korrekt registriert? Stellen Sie bei rekursiven Komponenten sicher, dass Sie die Option „Name“ angeben.

Ich füge es den Komponenten im <script>Abschnitt des .vue-Elements hinzu.

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

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

Falls es notwendig war, habe ich es auch in die Komponenten in meiner main.jsDatei aufgenommen, in der die Vue-App erstellt wird. Es hat den Fehler nicht behoben.

Answer 1

Die Option components sollte außerhalb der Option data liegen:

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