首頁 > web前端 > js教程 > 主體

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

亚连
發布: 2018-06-01 16:01:56
原創
3365 人瀏覽過

下面我就為大家分享一篇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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板