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

Anwendung von Ankerpunkten in HTML

Ankerpunkt festlegen <a name="nach oben&qu...

Native JS-Implementierung des Ladefortschrittsbalkens

Dieser Artikel zeigt einen Spezialeffekt für dyna...

Vollständiger Schrittbericht zur Vue-Kapselung allgemeiner Tabellenkomponenten

Inhaltsverzeichnis Vorwort Warum müssen wir die T...

Detaillierte Erklärung der Ansichten in MySQL

Sicht: Ansichten in MySQL haben viele Ähnlichkeit...

So aktualisieren Sie die Ansicht synchron nach Datenänderungen in Vue

Vorwort Vor kurzem bin ich auf ein interessantes ...

Detailliertes Tutorial zum Aufbau eines lokalen Ideenaktivierungsservers

Vorwort Der Blogger verwendet die Idea IDE. Da di...

Detaillierte Erklärung der Rolle von Klammern in AngularJS

1. Die Rolle der Klammern 1.1 Eckige Klammern [ ]...

Detaillierte Installation und Konfiguration von Subversion (SVN) unter Ubuntu

Wenn Sie Softwareentwickler sind, müssen Sie mit ...

Detaillierte Erklärung des MySQL-Datenbank-LIKE-Operators in Python

Der LIKE-Operator wird in der WHERE-Klausel verwe...