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 27 Javascript
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
Feb 22 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
关于火狐(firefox)及ie下event获取的两种方法
Dec 27 Javascript
Javascript中的Callback方法浅析
Mar 15 Javascript
js删除数组元素、清空数组的简单方法(必看)
Jul 27 Javascript
Vue.js项目部署到服务器的详细步骤
Jul 17 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
Nov 14 Javascript
js对象简介与基本用法示例
Mar 13 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
php 编写安全的代码时容易犯的错误小结
2010/05/20 PHP
php中神奇的fastcgi_finish_request
2011/05/02 PHP
JQuery中上下文选择器实现方法
2015/05/18 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
seajs模块之间依赖的加载以及模块的执行
2016/10/21 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
vue渲染时闪烁{{}}的问题及解决方法
2018/03/28 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
如何根据业务封装自己的功能组件
2019/04/19 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
Python爬虫天气预报实例详解(小白入门)
2018/01/24 Python
详解python中的hashlib模块的使用
2019/04/22 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
简单了解Django项目应用创建过程
2020/07/06 Python
Python colormap库的安装和使用详情
2020/10/06 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
python线程优先级队列知识点总结
2021/02/28 Python
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
2014年最新学习全国两会精神心得
2014/03/17 职场文书
常务副总经理任命书
2014/06/05 职场文书
商场促销活动总结
2014/07/10 职场文书
煤矿安全协议书
2014/08/20 职场文书
党员个人剖析材料2014
2014/10/08 职场文书
2014年行政助理工作总结
2014/11/19 职场文书
五四青年节活动总结
2015/02/10 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
孙振耀退休感言
2015/08/01 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python