Untergeordnete Methode in Vue.js ausführen

8

Momentan habe ich eine Vue.js-Komponente, die eine Liste anderer Komponenten enthält. Ich weiß, dass die übliche Art, mit vue zu arbeiten, darin besteht, Daten an Kinder weiterzuleiten und Ereignisse von Kindern an Eltern zu senden.

In diesem Fall möchte ich jedoch eine Methode in den untergeordneten Komponenten ausführen, wenn auf eine Schaltfläche im übergeordnet geklickt wird. Was wäre der beste Weg, es zu tun?

    
angrykoala 28.11.2016, 23:41
quelle

2 Antworten

4

Eine Möglichkeit besteht darin, einen globalen Event-Hub zu verwenden. Dies ermöglicht die Kommunikation zwischen beliebigen Komponenten, die Zugriff auf den Hub haben.

Hier ist ein Beispiel, das zeigt, wie ein Event-Hub verwendet werden kann, um eine Methode für eine untergeordnete Komponente auszulösen.

%Vor% %Vor%
    
asemahle 29.11.2016, 01:13
quelle
0

Sie können unten Helper-Methode in Methoden in Ihrer übergeordneten Komponente erstellen:

%Vor%

Und rufen Sie die untergeordnete Komponentenmethode auf folgende Weise auf:

%Vor%

Ich teste es nicht für Vue & gt; = 2.0

    
Kamil Kiełczewski 19.02.2017 13:14
quelle

Tags und Links