Wie Vue Methoden extern aufruft

Dieses Mal zeige ich Ihnen, wie Vue-Methoden extern aufgerufen werden. Was sind die Vorsichtsmaßnahmen für den externen Aufruf von Vue-Methoden?

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

var eventHub = new Vue();

2. Verwenden Sie im erstellten -Ereignis $on, um es an die öffentliche Komponente zu übergeben, und getCardNum(data) ist eine extern aufzurufende Methode

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

3. Beachten Sie abschließend, dass in der übergeordneten Komponente die negative Komponente in einer Variablen gespeichert werden sollte, var vm = new Vue({}); 4. Definieren Sie eine Methode in der Methodenmethode der übergeordneten Komponente und verwenden Sie $emit in der Methode, um die Methode in der öffentlichen Komponente zu empfangen 5. Schließlich können Sie die Funktion getCardNum(data)

außerhalb der Vue-Komponente oder außerhalb der Datei aufrufen. In HTML können Sie sie beispielsweise wie folgt aufrufen:

onclick

= vm.getCardNum (); vm ist die übergeordnete Komponente

var vm = new Vue({ 
 el: '#example', 
 data: { 
  msg: 'Hello Directive', 
  data: {} 
 }, 
 methods: { 
  getCardNum: function (data, on) { 
   eventHub.$emit('translate', data); 
  } 
 } 
});

6. Stellen Sie sicher, dass Sie vm.getCardNum();

in den Variablennamen der übergeordneten Komponente schreiben Während der Entwicklung mit Vue stieß ich auf eine Popup-Seite im Java-Hintergrund, die die Methode in meiner Vue-Komponente aufrufen wollte. Die Popup-Seite im Hintergrund befand sich jedoch nicht in meiner Vue-Komponente und auf anderen Seiten Ich wollte es in Vue aufrufen. Die Methode kann nur in der übergeordneten Komponente aufgerufen werden, daher habe ich sie lange studiert und schließlich beschlossen, die Methode function () in der Komponente an die übergeordnete Komponente der obersten Ebene zu übergeben und das Negativ zu speichern Komponente in einer Variablen und fügen Sie sie schließlich direkt zu anderen Seiten hinzu. Wenn Sie die Methode aufrufen, können Sie sie nicht mit der @click-Methode aufrufen, da sich die Hintergrundseite nicht in meiner Vue-Komponente befindet und der Aufruf daher per Klick erfolgt = vm.getCardNum(); Wenn es so aufgerufen wird, ist vm die übergeordnete Komponente.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So erhalten Sie den Auswahlwert bei Verwendung des Mint-UI-Zeit-Plug-Ins

Wie vue+checkbox betreibt die Datenbindung sowie die Erfassung und Berechnung

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