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 相关文章推荐
热点新闻滚动特效的js代码
Aug 17 Javascript
一个可以增加和删除行的table并可编辑表格中内容
Jun 16 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
JavaScript实现的背景自动变色代码
Oct 17 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
js调用屏幕宽度的简单方法
Nov 14 Javascript
jQuery实现最简单实用的分秒倒计时
Feb 05 Javascript
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
js生成word中图片处理方法
Jan 06 Javascript
javascript数据类型中的一些小知识点(推荐)
Apr 18 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 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
利用static实现表格的颜色隔行显示
2006/10/09 PHP
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
php中执行系统命令的方法
2015/03/21 PHP
php函数重载的替代方法--伪重载详解
2015/05/08 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
event对象获取方法总结在google浏览器下测试
2013/11/03 Javascript
jquery选择器之层级过滤选择器详解
2014/01/27 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
2016/09/20 Javascript
easyui combobox开启搜索自动完成功能的实例代码
2016/11/08 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
微信小程序 利用css实现遮罩效果实例详解
2017/01/21 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
微信小程序实现简单input正则表达式验证功能示例
2017/11/30 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
JS实现select选中option触发事件操作示例
2018/07/13 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
2019/03/04 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
python使用内存zipfile对象在内存中打包文件示例
2014/04/30 Python
Python不规范的日期字符串处理类
2014/06/10 Python
Pycharm学习教程(2) 代码风格
2017/05/02 Python
解决csv.writer写入文件有多余的空行问题
2018/07/06 Python
pytorch 利用lstm做mnist手写数字识别分类的实例
2020/01/10 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
房屋租赁协议书
2014/04/10 职场文书
党员公开承诺书2015
2015/01/21 职场文书
小班下学期个人总结
2015/02/12 职场文书
2015小学五年级班主任工作总结
2015/05/21 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
2016国庆促销广告语
2016/01/28 职场文书
分享Python获取本机IP地址的几种方法
2022/03/17 Python