欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue.js select下拉框绑定和取值方法

程序员文章站 2022-07-09 18:39:28
最近在做mui+vue.js的移动项目,遇到了这个解决了,所以记录一下: 1、绑定select下拉框的代码很简单sendlist就是下拉框的集合,这个可以去看vue.js...

最近在做mui+vue.js的移动项目,遇到了这个解决了,所以记录一下:

1、绑定select下拉框的代码很简单sendlist就是下拉框的集合,这个可以去看vue.js的文档:

地址:

: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绑定的属性就可以

以上这篇vue.js select下拉框绑定和取值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上这篇vue.js select下拉框绑定和取值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。