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 支持链式调用的异步调用框架Async.Operation
Aug 04 Javascript
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
Node.js 实现简单小说爬虫实例
Nov 18 Javascript
Angular ui.bootstrap.pagination分页
Jan 20 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
详解使用vue实现tab 切换操作
Jul 03 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
Nov 10 Javascript
详解create-react-app 自定义 eslint 配置
Jun 07 Javascript
JS如何寻找数组中心索引过程解析
Jun 01 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 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
用PHP的ob_start();控制您的浏览器cache!
2007/02/14 PHP
PHP添加MySQL数据记录代码
2008/06/07 PHP
PHP 数组实例说明
2008/08/18 PHP
php调用新浪短链接API的方法
2014/11/08 PHP
微信公众号点击菜单即可打开并登录微站的实现方法
2014/11/14 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
Javascript this 的一些学习总结
2012/08/02 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
js学习之----深入理解闭包
2016/11/21 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
2018/03/05 Javascript
微信小程序间使用navigator跳转传值问题实例分析
2020/03/27 Javascript
react基本安装与测试示例
2020/04/27 Javascript
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
在Python中使用HTMLParser解析HTML的教程
2015/04/29 Python
自己使用总结Python程序代码片段
2015/06/02 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
Python基于SMTP协议实现发送邮件功能详解
2018/08/14 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
python中字符串的编码与解码详析
2020/12/03 Python
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
2016/01/27 HTML / CSS
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
如何在Shell脚本中使用函数
2015/09/06 面试题
《两只鸟蛋》教学反思
2014/02/10 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
2015年教师新年寄语
2014/12/08 职场文书
检讨书范文
2019/04/16 职场文书
使用Djongo模块在Django中使用MongoDB数据库
2021/06/20 Python