首頁 >web前端 >H5教程 >vue.js的select下拉方塊怎麼綁定事件和取值

vue.js的select下拉方塊怎麼綁定事件和取值

php中世界最好的语言
php中世界最好的语言原創
2018-03-27 16:18:425033瀏覽

這次帶給大家vue.js的select下拉框怎樣綁定時間和取值,select下拉框怎樣綁定事件和取值的注意事項有哪些,下面就是實戰案例,一起來看看。

最近在做mui+vue.js的移動項目,遇到了這個解決了,所以記錄一下:

1、綁定select下拉框的程式碼很簡單sendlist就是下拉方塊的集合,這個可以去看vue.js的文件:

網址:https://cn .vuejs.org/v2/api/

:value綁定的值就是這個下拉框對應的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端的應用程式實作後退強制重新整理

AjaxUpLoad.js怎麼實作檔案上傳

########## ######

以上是vue.js的select下拉方塊怎麼綁定事件和取值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn