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

Einführung in die Verwendung des Select-Optgroup-Tags in HTML

Gelegentlich muss ich ausgewählte Inhalte gruppier...

Linux implementiert den Quellcode des Zahlenratespiels

Ein einfacher Linux-Ratespiel-Quellcode Spielrege...

Detaillierte Beispiele für Docker-Compose-Netzwerke

Ich habe heute mit den Netzwerkeinstellungen unte...

Drei Vererbungsmethoden in JavaScript

erben 1. Was ist Vererbung? Vererbung: Zunächst e...

Analyse und Lösung des beim Start von MySQL gemeldeten Fehlers „ERROR:2002“

Vorwort Dieser Artikel stellt hauptsächlich die A...

Prozessdiagramm für die Ideenbereitstellung und Tomcat-Dienstimplementierung

Konfigurieren Sie zunächst die Projektartefakte K...

Detailliertes Tutorial zum Ersetzen von mysql8.0.17 in Windows 10

In diesem Artikel werden die spezifischen Schritt...

Detaillierte Erläuterung der Nginx-Statusüberwachung und Protokollanalyse

1. Nginx-Statusüberwachung Nginx bietet eine inte...

Das neueste beliebte Skript Autojs Quellcode-Sharing

Heute werde ich einen Quellcode mit Ihnen teilen,...

Idea stellt Remote-Docker bereit und konfiguriert die Datei

1. Ändern Sie die Docker-Konfigurationsdatei des ...

Vue+openlayer5-Methode zum Abrufen der Koordinaten des aktuellen Mauszeigers

Vorwort: Wie erhält man die Koordinaten der aktue...