vue.js的select下拉框怎样绑定事件和取值
程序员文章站
2022-04-30 18:51:59
...
这次给大家带来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绑定的属性就可以
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是vue.js的select下拉框怎样绑定事件和取值的详细内容,更多请关注其它相关文章!
上一篇: Python中的异常处理学习笔记
下一篇: js和css3实现旋转效果
推荐阅读
-
vue.js select下拉框绑定和取值方法
-
vue + element + select 获取下拉框的 label 和 value 值( 例如 绑定的是 id , 但后台要求即传 id ,又要传 id 对应的 name )
-
JQuery中select标签绑定的onchange事件然后弹出选择的值并实现跳转和传参
-
JQuery中select标签绑定的onchange事件然后弹出选择的值并实现跳转和传参
-
vue.js的select下拉框怎样绑定事件和取值
-
在vue.js中利用select下拉框实现绑定和取值方法
-
vue.js的select下拉框怎样绑定事件和取值
-
vue.js select下拉框绑定和取值方法
-
在vue.js中利用select下拉框实现绑定和取值方法
-
vue + element + select 获取下拉框的 label 和 value 值( 例如 绑定的是 id , 但后台要求即传 id ,又要传 id 对应的 name )