Comment transmettre la valeur du composant enfant au composant parent dans vue

Maintenant, je vais partager avec vous une méthode pour transmettre une valeur d'un sous-composant vue à un composant parent. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Le composant enfant enregistre l'événement déclencheur, et le composant parent enregistre la méthode qui déclenche l'événement du composant enfant et l'écrit dans la méthode

Le composant parent écrit ceci

<component-a v-on:child-say="listenToMyBoy"></component-a>
<p>Do you like me? {{childWords}}</p>
 methods: {
   listenToMyBoy: function (somedata){
    this.childWords = somedata
   }
  }

Le sous-composant composant-a est écrit comme ceci

<button v-on:click="onClickMe">like!</button>
methods: {
  onClickMe: function(){
  this.$emit(&#39;child-say&#39;,this.somedata);
  }
 }

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

En utilisant ueditor dans le projet vue (tutoriel détaillé)

En introduisant le bureau à distance noVNC dans le projet vue Que sont les étapes de la méthode

Comment utiliser superagent et cheerio à l'aide du robot nodejs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!