Heim > Web-Frontend > H5-Tutorial > So binden Sie Ereignisse und Werte im Auswahl-Dropdown-Feld von vue.js

So binden Sie Ereignisse und Werte im Auswahl-Dropdown-Feld von vue.js

php中世界最好的语言
Freigeben: 2018-03-27 16:18:42
Original
5094 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie die Zeit und den Wert des Auswahl-Dropdown-Felds von vue.js binden, wie Sie das Auswahl-Dropdown-Feld an das Ereignis und das Vorsichtsmaßnahmen um den Wert zu ermitteln, die folgenden sind praktische Fälle, schauen wir uns das an.

Ich habe kürzlich an einem mobilen Projekt von mui+vue.js gearbeitet und bin auf dieses Problem gestoßen, also habe ich es aufgezeichnet:

1 Der Code zum Binden des Select Drop -Down-Box ist sehr einfach. Einfach sendenListe ist eine Sammlung von Dropdown-Boxen. Sie können die vue.js-Dokumentation hierfür überprüfen:

Adresse: https://cn .vuejs.org/v2/api/

: Der an value gebundene Wert ist der Wert, der diesem Dropdown-Feld entspricht

<select id="sendSybol" v-model="searchDto.sendSymbolId"> 
  <option v-for="send in sendList" name="sendSymbolId" :value="send.VALUE" >{{send.CODE}}</option> 
</select>
Nach dem Login kopieren

2. Den Wert direkt abrufen Um das Dropdown-Feld zu erhalten, kann das an das V-Modell gebundene -Attribut meines Erachtens

sein Sie beherrschen die Methode, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website. Andere verwandte Artikel!

Empfohlene Lektüre:

Webseitige Anwendung implementiert Back-Force-Aktualisierung

So implementieren Sie den Datei-Upload mit AjaxUpLoad.js

Das obige ist der detaillierte Inhalt vonSo binden Sie Ereignisse und Werte im Auswahl-Dropdown-Feld von vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage