ホームページ  >  記事  >  ウェブフロントエンド  >  vue.jsの選択ドロップダウンボックスでイベントと値をバインドする方法

vue.jsの選択ドロップダウンボックスでイベントと値をバインドする方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-27 16:18:425028ブラウズ

今回は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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。