编程 Javascript

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实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

- Author -

janfly79

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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 职场文书