Heim> Web-Frontend> View.js> Hauptteil

Wie ruft eine Vue-Unterkomponente die Methode der übergeordneten Komponente auf?

青灯夜游
Freigeben: 2021-10-26 12:03:28
Original
124291 Leute haben es durchsucht

Methode: 1. Rufen Sie die Methode der übergeordneten Komponente über „this.$parent.event“ in der untergeordneten Komponente auf. 2. Die untergeordnete Komponente löst mit „$emit“ ein Ereignis für die übergeordnete Komponente aus, und die übergeordnete Komponente kann dieses Ereignis abhören. 3. Die übergeordnete Komponente übergibt die Methode an die untergeordnete Komponente, und die Methode kann direkt in der untergeordneten Komponente aufgerufen werden.

Wie ruft eine Vue-Unterkomponente die Methode der übergeordneten Komponente auf?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

In Vue gibt es drei Methoden zum Aufrufen der übergeordneten Komponente aus der Unterkomponente. Hier sind drei Methoden als Referenz: Die erste Methode besteht darin, die übergeordnete Komponente direkt über this.$parent.event aufzurufen die Unterkomponente

Übergeordnete Komponente

 
Nach dem Login kopieren
Untergeordnete Komponente
 
Nach dem Login kopieren

Die zweite Methode

besteht darin,

in der untergeordneten Komponente zu verwenden, um ein Ereignis für die übergeordnete Komponente auszulösen, und die übergeordnete Komponente kann dieses Ereignis abhören.

Übergeordnete Komponente

 
Nach dem Login kopieren
$emitUntergeordnete Komponente

 
Nach dem Login kopieren


Der dritte Weg

besteht darin, dass die übergeordnete Komponente die Methode an die untergeordnete Komponente übergibt und diese Methode direkt in der untergeordneten Komponente aufruft

Übergeordnete Komponente

 
Nach dem Login kopieren
Untergeordnete Komponente

 
Nach dem Login kopieren

[Verwandte Empfehlungen:

vue.js Tutorial

]

Das obige ist der detaillierte Inhalt vonWie ruft eine Vue-Unterkomponente die Methode der übergeordneten Komponente auf?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn