Vue-Projekt @change mehrere Parameter, um mehrere Ereignisse zu übergeben

Vue-Projekt @change mehrere Parameter, um mehrere Ereignisse zu übergeben

Erstens gibt es nur ein Änderungsereignis.

 changelevel() //Wert auswählen

Wenn Sie die Auswahl ändern möchten und den Wert in der Zeile ändern möchten

Mehrere Ereignisse werden getrennt durch

Zu diesem Zeitpunkt wurde festgestellt, dass changelevel () nicht ausgeführt wird. Wie wäre es also mit dem Hinzufügen von ()?

 changelevel(val){ console.log(val) => //undefiniert}

Gibt an, dass keine Parameter übergeben werden und die Ausgabe undefiniert ist.

Also, wem sollten wir den Wert weitergeben?

Übergeben Sie $event und geben Sie es erneut aus, um den ausgewählten Wert zu erhalten

Hinzugefügt: element-ui @change fügt benutzerdefinierte Parameter hinzu

Der Standardparameter des Änderungsereignisses von element-ui ist ein Wert. Beispielsweise ist der Standardparameter des Änderungsereignisses des Dropdown-Felds der ausgewählte Wert. In tatsächlichen Projekten müssen wir jedoch normalerweise mehr als einen Parameter übergeben. Wenn wir zwei Parameter direkt anhängen, erhalten wir sie möglicherweise nicht. In diesem Fall müssen wir den Standardparameternamen im Parameter durch $event ersetzen.

//Der erste Parameter ist der Standardwertparameter und der zweite ist der Parameter, den wir übergeben möchten

 @change='Änderung auswählen($event,scope.row)'

Oder verwenden Sie die zweite Methode:

 @change='(Wert)=>selectChange(Wert,Bereich.Zeile)'

Das Obige ist meine persönliche Erfahrung. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden. Sollten dennoch Fehler oder unvollständige Überlegungen vorliegen, freue ich mich über eine Korrektur.

Das könnte Sie auch interessieren:
  • In der Element-UI ändert sich der Bindungswert der ausgewählten Komponente und löst die Änderungsereignismethode aus.
  • Lösen Sie das Auslöseproblem des Änderungsereignisses, wenn Vue ElementUI El-Select verwendet.
  • So übergeben Sie benutzerdefinierte Parameter im Vue Select Change-Ereignis

<<:  Der Mysql5.7-Dienst kann nicht gestartet werden. Tutorial zur grafischen Lösung

>>:  MySQL SQL-Anweisungsmethode zum Ausblenden der mittleren vier Ziffern der Mobiltelefonnummer

Artikel empfehlen

Änderung und Abfrage von Python MySQL-Datenbanktabellen

Python stellt eine Verbindung zu MySQL her, um Da...

So ändern Sie das Root-Passwort in einem Container mit Docker

1. Verwenden Sie den folgenden Befehl, um das SSH...

MySQL 4-Methoden zum Importieren von Daten

1. MySQL-Befehl importieren Die Importsyntax des ...

Befehlsliste des Baota Linux-Panels

Inhaltsverzeichnis Pagoda installieren Management...

Mehrere Möglichkeiten zum Löschen von Arrays in Vue (Zusammenfassung)

Inhaltsverzeichnis 1. Einleitung 2. Mehrere Mögli...

So verwenden Sie nginx, um eine angegebene Schnittstelle (URL) zu blockieren

1. Einleitung Manchmal müssen Sie eine Servicesch...

Strategie zur Optimierung der Leistung von MySQL-Datenbankabfragen

Optimieren von Abfragen Verwenden der Explain-Anw...

Implementierung der Nginx-Konfiguration https

Inhaltsverzeichnis 1: Bereiten Sie das https-Zert...

Analyse des Idea-Compiler-Vue-Einrückungsfehlerproblemszenarios

Projektszenario: Beim Ausführen des Vue-Projekts ...

JavaScript-Ereigniserfassungs-Blubbern und Erfassungsdetails

Inhaltsverzeichnis 1. Ereignisablauf 1. Konzept 2...