编程 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应用：Iframe自适应其加载的内容高度

Apr 10 Javascript

用jQuery技术实现Tab页界面之二

Sep 21 Javascript

浅谈被jQuery抛弃的函数及替代函数

May 03 Javascript

JS实现跟随鼠标立体翻转图片的方法

May 04 Javascript

js实现拉幕效果的广告代码

Sep 02 Javascript

jQuery Tree Multiselect使用详解

May 02 jQuery

JavaScript监听手机物理返回键的两种解决方法

Aug 14 Javascript

页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)

Aug 29 Javascript

玩转vue的slot内容分发

Sep 22 Javascript

vue 列表页跳转详情页获取id以及详情页通过id获取数据

Mar 27 Javascript

使用Node.js实现base64和png文件相互转换的方法

Mar 11 Javascript

微信小程序自定义modal弹窗组件的方法详解

Dec 20 Javascript

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 smarty 二级分类代码和模版循环例子

2011/06/01 PHP

php 操作数组（合并，拆分，追加，查找，删除等）

2012/07/20 PHP

网页上facebook分享功能具体实现

2014/01/26 PHP

php生成数字字母的验证码图片

2015/07/14 PHP

用JavaScript脚本实现Web页面信息交互

2006/10/11 Javascript

JS链式调用的实现方法

2013/03/07 Javascript

JScript分割字符串示例代码

2013/09/04 Javascript

js 实现菜单上下显示附效果图

2013/11/21 Javascript

jQuery position() 函数详解以及jQuery中position函数的应用

2015/12/14 Javascript

JS实现获取当前URL和来源URL的方法

2016/08/24 Javascript

全屏滚动插件fullPage.js使用实例解析

2016/10/21 Javascript

谈谈对vue响应式数据更新的误解

2017/08/01 Javascript

详解Node中导入模块require和import的区别

2017/08/11 Javascript

vue 项目如何引入微信sdk接口的方法

2017/12/18 Javascript

详解Nuxt.js部署及踩过的坑

2018/08/07 Javascript

vue计算属性computed、事件、监听器watch的使用讲解

2019/01/21 Javascript

es6 filter() 数组过滤方法总结

2019/04/03 Javascript

angularjs1.X 重构controller 的方法小结

2019/08/15 Javascript

es6函数之尾调用优化实例分析

2020/04/25 Javascript

Node.js API详解之 readline模块用法详解

2020/05/22 Javascript

js实现带积分弹球小游戏

2020/07/21 Javascript

element-ui封装一个Table模板组件的示例

2021/01/04 Javascript

[02:55]含熏伴清风，风行者至宝、屠夫身心及典藏宝瓶二展示

2020/09/08 DOTA

Python和php通信乱码问题解决方法

2014/04/15 Python

使用实现XlsxWriter创建Excel文件并编辑

2018/05/04 Python

python生成密码字典的方法

2018/07/06 Python

Python如何发布程序的详细教程

2018/10/09 Python

python模糊图片过滤的方法

2018/12/14 Python

解决项目pycharm能运行,在终端却无法运行的问题

2019/01/19 Python

Python字符串逆序输出的实例讲解

2019/02/16 Python

利用Python发送邮件或发带附件的邮件

2020/11/12 Python

Bose美国官网：购买Bose耳机和音箱

2019/03/10 全球购物

综艺节目策划方案

2014/06/13 职场文书

2015年人民调解工作总结

2015/05/18 职场文书

java解析XML详解

2021/07/09 Java/Android

python装饰器代码解析

2022/03/23 Python