選択ドロップダウン ボックスを使用して、vue.js にバインディング メソッドと値メソッドを実装します。

ここで、vue.js の選択ドロップダウン ボックスのバインディングと値の取得方法を共有します。これは、良い参考値なので、皆さんの役に立てば幸いです。

最近、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 のバインドされた属性を使用するだけです。将来的には役に立ちます。関連記事：webパックの永続的なキャッシングの練習に関する簡単なディスカッションライトウェイトJS CookieプラグインJS-Cookie

JSアニメーションタイマーの知識の使用方法

以上が選択ドロップダウン ボックスを使用して、vue.js にバインディング メソッドと値メソッドを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。