Verwenden Sie das Auswahl-Dropdown-Feld, um Bindungs- und Wertmethoden in vue.js zu implementieren

Jetzt werde ich Ihnen eine vue.js-Auswahl-Dropdown-Box-Bindungs- und Wertmethode vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich sein wird.

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. Eine einfache Sendeliste ist eine Sammlung von Dropdown-Boxen. Sie können die Dokumentation zu vue.js dazu sehen:

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

:Der durch Wert 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>

2 Rufen Sie das Dropdown-Feld direkt auf, und das an das V-Modell gebundene Attribut kann verwendet werden.

Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen dabei helfen Zukunft.

Verwandte Artikel:

Eine kurze Diskussion über die Webpack-Persistent-Caching-Praxis

Lightweight JS Cookie Plug-in js-cookie So verwenden Sie

JS-Animations-Timer-Wissenszusammenfassung

Das obige ist der detaillierte Inhalt vonVerwenden Sie das Auswahl-Dropdown-Feld, um Bindungs- und Wertmethoden in vue.js zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!