Erreur d'élément personnalisé Vue avec le composant vee-validate ValidationObserver

Aug 19 2020

J'essaie d'utiliser vee-validatepour valider certaines entrées sur cette application. Lorsque j'essaie d'utiliser la ValidationObserverbalise personnalisée, j'obtiens cette erreur.

[Vue warn] : Élément personnalisé inconnu : <ValidationObserver>- avez-vous correctement enregistré le composant ? Pour les composants récursifs, assurez-vous de fournir l'option "name".

Je l'ajoute aux composants dans la <script>section de l'élément .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

Au cas où cela serait nécessaire, je l'ai également inclus dans les composants de mon main.jsfichier où l'application Vue est créée. Il n'a pas corrigé l'erreur.

Réponses

1 BoussadjraBrahim Aug 19 2020 at 03:03

l'option composants doit être en dehors de l'option data :

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