vue.js select下拉框绑定和取值方法
程序员文章站
2022-04-06 18:27:54
最近在做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下拉框绑定和取值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: 圆桌对话:大数据时代的机遇与挑战
下一篇: 利用ES6实现单例模式及其应用详解
推荐阅读
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
vue.js数据绑定的方法(单向、双向和一次性绑定)
-
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
-
vue.js select下拉框绑定和取值方法
-
jQuery操作select下拉框的text值和value值的方法
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
vue + element + select 获取下拉框的 label 和 value 值( 例如 绑定的是 id , 但后台要求即传 id ,又要传 id 对应的 name )
-
详解JavaScript实现向select下拉框中添加和删除元素的方法
-
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
-
vue.js数据绑定的方法(单向、双向和一次性绑定)