Vue現在選択されているselectドロップダウンボックスのvalue値を取得する方法
7209 ワード
直接コード:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue select value </title>
<!-- Vue -->
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></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>