So rufen Sie Methoden in Vue auf

Im Folgenden werde ich Ihnen einen Artikel zum externen Aufrufen von Methoden in Vue vorstellen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

1. Definieren Sie zunächst eine öffentliche Vue-Komponente.

var eventHub = new Vue();

2. Verwenden Sie in der aktuellen Komponente des Ereignisses „$on“, um sie an die öffentliche Komponente „eventHub“ zu übergeben Ja, getCardNum(data) ist eine extern aufzurufende Methode;

eventHub.$on('translate', function (data) { 
        that.getCardNum(data); 
      });

3. Beachten Sie schließlich, dass die negative Komponente mit einer Variablen gespeichert werden sollte, var vm = new Vue({}. );

4. Definieren Sie eine Methode in der Methodenmethode in der übergeordneten Komponente und verwenden Sie $emit in der Methode, um die Methode in der öffentlichen Komponente zu empfangen kann außerhalb der Vue-Komponente liegen oder Die Funktion getCardNum(data) wird außerhalb der Datei aufgerufen. In HTML können Sie sie beispielsweise aufrufen onclick = vm.getCardNum(); ist die übergeordnete Komponente

6 . Stellen Sie sicher, dass Sie den Variablennamen der übergeordneten Komponente schreiben.

Als ich mit vue entwickelte, stieß ich auf eine Popup-Seite im Java-Hintergrund und wollte die Methode aufrufen Meine Vue-Komponente, aber die Popup-Seite im Hintergrund war nicht in meiner Vue. In der Komponente können die Methoden in Vue, die andere Seiten aufrufen möchten, nur in der übergeordneten Komponente aufgerufen werden, daher habe ich sie lange studiert und Schließlich wurde beschlossen, die Methode function () in der Komponente an die übergeordnete Komponente der obersten Ebene zu übergeben. Die negative Komponente wird in einer Variablen gespeichert und schließlich wird die Methode direkt auf anderen Seiten aufgerufen @click-Methode, da sich die Hintergrundseite nicht in meiner Vue-Komponente befindet, daher lautet der Aufruf onclick = vm.getCardNum (); Wenn er so aufgerufen wird, ist vm die übergeordnete Komponente

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

Verwandte Artikel:

Express erstellt Abfrageserver

ProxyTable-domänenübergreifende Probleme im Vue-Cli-Projekt

So verwenden Sie Refs in React-Komponenten

Das obige ist der detaillierte Inhalt vonSo rufen Sie Methoden in Vue auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!