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


Posted in Javascript onMarch 03, 2018

最近在做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下拉框绑定和取值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

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

Javascript 相关文章推荐
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
JS 分号引起的一段调试问题
Jun 18 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
JS实现Fisheye效果动感放大菜单代码
Oct 21 Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 Javascript
js学使用setTimeout实现轮循动画
Jul 17 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
bootstrap3-dialog-master模态框使用详解
Aug 22 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
js实现图片实时时钟
Jan 15 Javascript
jQuery实现雪花飘落效果
Aug 02 jQuery
Vuejs在v-for中,利用index来对第一项添加class的方法
Mar 03 #Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
Mar 03 #Javascript
JS表单传值和URL编码转换
Mar 03 #Javascript
jQuery实现左右滑动的toggle方法
Mar 03 #jQuery
vue中实现移动端的scroll滚动方法
Mar 03 #Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 #Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
Mar 03 #Javascript
You might like
将RTF格式的文件转成HTML并在网页中显示的代码
2006/10/09 PHP
解析PHP中的正则表达式以及模式匹配
2013/06/19 PHP
php中strtotime函数性能分析
2016/11/20 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
laravel实现Auth认证,登录、注册后的页面回跳方法
2019/09/30 PHP
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
2007/05/30 Javascript
js 页面输出值
2008/11/30 Javascript
JS backgroundImage控制
2009/05/19 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
给before和after伪元素设置js效果的方法
2015/12/04 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
2017/10/04 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
angularjs实现table增加tr的方法
2018/02/27 Javascript
详解ES6中的三种异步解决方案
2018/06/28 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
2020/11/16 Javascript
python使用递归解决全排列数字示例
2014/02/11 Python
从零学python系列之从文件读取和保存数据
2014/05/23 Python
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
python消费kafka数据批量插入到es的方法
2018/12/27 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
2014年中职班主任工作总结
2014/12/16 职场文书
幼儿园辞职书
2015/02/26 职场文书
小学教师读书笔记
2015/07/01 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
如何正确理解python装饰器
2021/06/15 Python