编程 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 混合的构造函数和原型方式，动态原型方式

Dec 07 Javascript

js获取html页面节点方法(递归方式)

Dec 13 Javascript

js图片延迟技术一般的思路与示例

Mar 20 Javascript

js表格排序实例分析（支持int,float,date,string四种数据类型）

May 06 Javascript

JavaScript制作淘宝星级评分效果的思路

Jun 23 Javascript

Node.js的Mongodb使用实例

Dec 30 Javascript

图片懒加载插件实例分享（含解析）

Jan 09 Javascript

jQuery实现页面倒计时并刷新效果

Mar 13 Javascript

微信小程序商城开发（ecshop ）简单实例

Apr 07 Javascript

JS实现根据详细地址获取经纬度功能示例

Apr 16 Javascript

微信小程序如何通过用户授权获取手机号(getPhoneNumber)

Jan 21 Javascript

js实现随机点名功能

Dec 23 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