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 相关文章推荐
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
javascript面向对象特性代码实例
Jun 12 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
Oct 17 Javascript
微信小程序 Image API实例详解
Sep 30 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
Jan 12 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
详解vue-cli本地环境API代理设置和解决跨域
Sep 05 Javascript
react中实现搜索结果中关键词高亮显示
Jul 31 Javascript
基于JavaScript实现瀑布流布局
Aug 15 Javascript
JS数组中对象去重操作示例
Jun 04 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 Javascript
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数组函数
2008/08/18 PHP
php实现登陆模块功能示例
2016/10/20 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
phpMyAdmin通过密码漏洞留后门文件
2018/11/20 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
jQuery删除当前节点元素
2016/12/07 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
MUI  Scroll插件的使用详解
2017/04/13 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
浅谈关于iview表单验证的问题
2018/09/29 Javascript
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
浅谈Python中chr、unichr、ord字符函数之间的对比
2016/06/16 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
python处理“
2019/06/10 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
pytorch 限制GPU使用效率详解(计算效率)
2020/06/27 Python
matplotlib相关系统目录获取方式小结
2021/02/03 Python
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
PHP如何设置和取得Cookie值
2015/06/30 面试题
小班秋游活动方案
2014/02/22 职场文书
医院搬迁方案
2014/06/14 职场文书
融资合作协议书范本
2014/10/17 职场文书
2014年协会工作总结
2014/11/22 职场文书
干部年终考核评语
2015/01/04 职场文书
javascript实现计算器功能详解流程
2021/11/01 Javascript
Python 读取千万级数据自动写入 MySQL 数据库
2022/06/28 Python