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 相关文章推荐
监控 url fragment变化的js代码
Apr 19 Javascript
JQUBAR1.1 jQuery 柱状图插件发布
Nov 28 Javascript
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 Javascript
js使用心得分享
Jan 13 Javascript
JS实现简单的键盘打字的效果
Apr 24 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
Dec 02 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
JS实现无缝循环marquee滚动效果
May 22 Javascript
Vue项目打包部署到iis服务器的配置方法
Oct 14 Javascript
Vue组件简易模拟实现购物车
Dec 21 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
30 个很棒的PHP开源CMS内容管理系统小结
2011/10/14 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
JSON+HTML实现国家省市联动选择效果
2014/05/18 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
jquery+css实现动感的图片切换效果
2015/11/25 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
js仿小米官网图片轮播特效
2016/09/29 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
react学习笔记之state以及setState的使用
2017/12/07 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
JavaScript ES2019中的8个新特性详解
2019/02/20 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
2019/04/23 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
python3 读写文件换行符的方法
2018/04/09 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
Python Django实现layui风格+django分页功能的例子
2019/08/29 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
python根据完整路径获得盘名/路径名/文件名/文件扩展名的方法
2020/04/22 Python
构建高效的python requests长连接池详解
2020/05/02 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
Django URL参数Template反向解析
2020/11/24 Python
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
高中毕业自我鉴定
2013/12/19 职场文书
交通事故检查书范文
2014/01/30 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
为什么MySQL 删除表数据 磁盘空间还一直被占用
2021/10/16 MySQL
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python
python多次执行绘制条形图
2022/04/20 Python