Est-il possible de déclencher la méthode des composantes du parent dans VueJS?

Question

J'ai été la recherche d'informations et ont seulement trouvé un moyen pour émettre des événements de l'enfant qui peut alors être écouté pour en composants parent. Est-il possible d'appeler un enfant de la méthode du composant parent?

Answer 1

Yup, il suffit de trouver votre composant dans les enfants de tableau, ou s'en emparer par attribut ref, et l'appel de la méthode :) réf doc

supposons que votre enfant composant a la méthode x. Selon la documentation:

<div id="parent">
  <user-profile ref="profile"></user-profile>
</div>

var child = this.$refs.profile;
child.x();

Answer 2

Je pense qu'un bon motif pour cet émet un événement du composant parent et l'écouter dans le composant enfant, à l'aide d'un Bus d'Événement.

Cela pourrait être:

dans main.js

export const bus = new Vue()

dans le Parent.vue:

import {bus} from 'path/to/main'

// Where you wanna call the child's method:
bus.$emit('customEventName', optionalParameter)

dans l'Enfant.vue:

import {bus} from 'path/to/main'

// Add this to the mounted() method in your component options object:
bus.$on('customEventName', this.methodYouWannaCall)

Answer 3

Voici un exemple simple d'un

this.$children[indexOfComponent].childsMethodName();