vue.js 获取select中的value实例


Posted in Javascript onMarch 01, 2018

如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="./vue.js"></script>
</head>
<body>
<label id="app">
<select v-model="selected" >
 <option v-for="option in options" v-bind:value="option.value">
 {{ option.text }}
 </option>
</select>
<span>Selected: {{ selected }}</span>
</label>
<script>
new Vue({
 el: '#app',
 data: {
 selected: 'A',
 options: [
  { text: 'One', value: 'A' },
  { text: 'Two', value: 'B' },
  { text: 'Three', value: 'C' }
 ]
 }
})
</script>
</body>
</html>

以上这篇vue.js 获取select中的value实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript中的排序算法代码
Feb 22 Javascript
js 实现日期灵活格式化的小例子
Jul 14 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 Javascript
javascript实现动态表头及表列的展现方法
Jul 14 Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 Javascript
Vue.js开发环境搭建
Nov 10 Javascript
ES6学习教程之模板字符串详解
Oct 09 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
vue.js删除列表中的一行
Jun 30 Javascript
javascript合并两个数组最简单的实现方法
Sep 14 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
Vue中的slot使用插槽分发内容的方法
Mar 01 #Javascript
在vue中封装可复用的组件方法
Mar 01 #Javascript
JavaScript判断日期时间差的实例代码
Mar 01 #Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 #Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 #Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
Mar 01 #Javascript
vue 虚拟dom的patch源码分析
Mar 01 #Javascript
You might like
PHP4实际应用经验篇(1)
2006/10/09 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
HTTP状态代码以及定义(解释)
2007/02/02 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
js实现放大镜特效
2017/05/18 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
详解JavaScript函数callee、call、apply的区别
2019/03/08 Javascript
js和jquery判断数据类型的4种方法总结
2020/08/28 jQuery
Python生成pdf文件的方法
2014/08/04 Python
浅谈python装饰器探究与参数的领取
2017/12/01 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
Python语言异常处理测试过程解析
2020/01/08 Python
python mysql中in参数化说明
2020/06/05 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
巴西在线鞋店:Shoestock
2017/10/28 全球购物
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
网络维护管理员的自我评价分享
2013/11/11 职场文书
初婚初育证明
2014/01/14 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
小学生考试获奖感言
2014/01/30 职场文书
社区党务公开实施方案
2014/03/18 职场文书
大学生党员自我批评思想汇报
2014/10/10 职场文书
预备党员2014年第四季度思想汇报范文
2014/10/25 职场文书
党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
交通事故被告代理词
2015/05/23 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
干部外出学习心得体会
2016/01/18 职场文书