So übergeben Sie einen Wert von der untergeordneten Komponente an die übergeordnete Komponente in Vue

Jetzt werde ich Ihnen eine Methode zur Wertübergabe von einer Vue-Unterkomponente an eine übergeordnete Komponente vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Die untergeordnete Komponente registriert das Auslöseereignis, und die übergeordnete Komponente registriert die Methode, die das untergeordnete Komponentenereignis auslöst, und schreibt es in die Methode

Die übergeordnete Komponente schreibt dies

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

Die Unterkomponente Komponente-a ist so geschrieben

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

Das Obige ist das, wofür ich kompiliert habe Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Durch die Verwendung von ueditor im Vue-Projekt (ausführliches Tutorial)

Durch die Einführung des noVNC-Remotedesktops im Vue-Projekt Was sind die Methodenschritte

So verwenden Sie Superagent und Cheerio mit dem NodeJS-Crawler

Das obige ist der detaillierte Inhalt vonSo übergeben Sie einen Wert von der untergeordneten Komponente an die übergeordnete Komponente in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!