vue獲取下拉框值
阿新 • • 發佈：2017-08-01
聲明 for 下拉 targe 賦值 bin 方式 div 解決 vue獲取下拉框的值，用vue-modle,只有點擊下拉框的值才會賦值到下拉框中，初始時下拉框沒有數據，而改用$event就不會出現這樣的問題，下面看代碼以及圖解：
v-model解決方式：
<!-- 下拉框 -->
<div v-show="moreStore" class="select">
<select class="choice" v-on:change="indexSelect" v-model="indexId">
<option v-for="item in index" v-bind:value="item.indexId">{{item.name}}</option> 
改用$event的解決方式
<!-- 下拉框 -->
<div v-show="moreStore" class="select">
<select class="choice" v-on:change="indexSelect($event)">
<option v-for="item in index" v-bind:value="item.indexId">{{item.name}}</option>
</select>
</div>
事件：
// 獲取value值
indexSelect(event){ 
當然，可以根據自己的項目需要來選擇哪種方法。在這裏，v-on：change也可以寫成v-on:click
改用$event的解決方式
<!-- 下拉框 -->
<div v-show="moreStore" class="select">
<select class="choice" v-on:change="indexSelect($event)">
<option v-for="item in index" v-bind:value="item.indexId">{{item.name}}</option>
</select>
</div>
事件：
// 獲取value值
indexSelect(event){
當然，可以根據自己的項目需要來選擇哪種方法。在這裏，v-on：change也可以寫成v-on:click
vue獲取下拉框值