首頁 >web前端 >js教程 >在vue.js中利用select下拉方塊實作綁定和取值方法

在vue.js中利用select下拉方塊實作綁定和取值方法

亚连
亚连原創
2018-06-01 16:01:563394瀏覽

下面我就為大家分享一篇vue.js 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綁定的屬性就可以

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

淺談Webpack 持久化快取實務

#輕量級JS Cookie外掛js-cookie的使用方法

JS動畫定時器知識總結

以上是在vue.js中利用select下拉方塊實作綁定和取值方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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