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 相关文章推荐
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 Javascript
javascript瀑布流式图片懒加载实例
Jun 28 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
jquery.serialize() 函数语法及简单实例
Jul 08 Javascript
基于jQuery实现滚动切换效果
Dec 02 Javascript
vue中用H5实现文件上传的方法实例代码
May 27 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 Javascript
浅谈JavaScript 代码简洁之道
Jan 09 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
react 移动端实现列表左滑删除的示例代码
Jul 04 Javascript
Vue路由前后端设计总结
Aug 06 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
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
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
浅析echo(),print(),print_r(),return之间的区别
2013/11/27 PHP
培养自己的php编码规范
2015/09/28 PHP
CI配置多数据库访问的方法
2016/03/28 PHP
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
Javascript学习笔记2 函数
2010/01/11 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
Javascript基础知识(二)事件
2014/09/29 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
Underscore源码分析
2015/12/30 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
用jQuery向div中添加Html文本内容的简单实现
2016/07/13 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
JS验证字符串功能
2017/02/22 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
React中的render何时执行过程
2018/04/13 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
JavaScript ES 模块的使用
2020/11/12 Javascript
[02:43]DOTA2英雄基础教程 圣堂刺客
2013/12/09 DOTA
[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密
2014/07/08 DOTA
Python实现登陆文件验证方法
2018/10/06 Python
python实现远程控制电脑
2019/05/23 Python
keras导入weights方式
2020/06/12 Python
HTML5触摸事件演化tap事件介绍
2016/03/25 HTML / CSS
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
Ajax的工作原理
2015/12/04 面试题
晚宴邀请函范文
2014/01/15 职场文书
酒店采购员岗位职责
2014/03/14 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
《明天,我们毕业》教学反思
2014/04/24 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
初三学生语文考试作弊检讨书
2014/12/14 职场文书
项目投资意向书范本
2015/05/09 职场文书
2015年高校保卫处工作总结
2015/07/23 职场文书
申论不会写怎么办?教您掌握这6点思维和原则
2019/07/17 职场文书