Vue怎么获取当前选中的select下拉框的value值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue怎么获取当前选中的select下拉框的value值</title>
<!--引用Vue在线文件-->
<script src="/vue/2.2.2/"></script>
</head>
<div align="center" id="app">
<!--v-model:实现双向绑定-->
<!--$event是事件对象-->
<select name="province" v-model="values" @change="getvaluemethod($event)">
<option value="0">请选择</option>
<option value="1">哈哈哈</option>
<option value="2">呵呵呵</option>
<option value="3">哟哟哟</option>
<option value="4">嘻嘻嘻</option>
</select>
<h1>当前选中的值:{{values}}</h1>
</div>
<!--Vue代码-->
<script>
//保存当前的this
var _this = this;
new Vue({
el: "#app",
data: {
values: 0
},
//方法
methods: {
getvaluemethod: function(event) {
//获取当前选中的值，并重新赋值
_this.values = event.target.value;
}
}
});
</script>
<body>
</body>
</html>