ホームページ > 記事 > ウェブフロントエンド > vue.jsの選択ドロップダウンボックスでイベントと値をバインドする方法
今回はvue.jsのselectドロップダウンボックスの時刻と値のバインド方法、イベントのバインド方法、vue.jsのselectドロップダウンボックスの注意事項を紹介します。一度一緒に見てみましょう。
最近 mui+vue.js モバイル プロジェクトに取り組んでいて、この解決策を見つけたので記録しました:
1. 選択ドロップダウン ボックスをバインドするコードは非常に簡単です。ドロップダウン ボックスのコレクションです。 vue.js ドキュメントにアクセスできます: アドレス:
https://cn.vuejs.org/v2/api/: value にバインドされている値は、このドロップダウン ボックスに対応する値
<select id="sendSybol" v-model="searchDto.sendSymbolId"> <option v-for="send in sendList" name="sendSymbolId" :value="send.VALUE" >{{send.CODE}}</option> </select>
2. 値を取得するには、v-model にバインドされた 属性 を使用するだけです 。この記事の事例を読んだ後にその方法を説明してください。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事にご注目ください。
推奨読書:
Webアプリケーションはバックフォースリフレッシュを実装しますAjaxUpLoad.jsを使用してファイルアップロードを実装する方法以上がvue.jsの選択ドロップダウンボックスでイベントと値をバインドする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。