我在我的州內有一個名字和一個姓氏值，我需要從我的選擇中獲取以進行 API 呼叫。但是，當我嘗試獨立獲取 firstName 和 lastName 的值時，這是不可能的，因為它超出了v-for. 所以我真的找了很多，但我找不到太多。我需要分別取 2 個選擇器 firstName 和 lastName 的值。這是我的模板：
<select class="form-select" @change="showValueForTest">
<option value="" disabled selected hidden>Select a manager</option>
<option value="">All the managers</option>
<option v-for="(manager,index) in managers" :key="manager index"
:value="manager.firstName '
' manager.lastName">{{manager.firstName}}{{manager.lastName}}
</option>
</select>
這是我檢查該值是否存在的方法，它給出了 undefined
showValueForTest(event){
console.log(event.target.value.firstName)
}
uj5u.com熱心網友回復：
您可以v-model選擇：
new Vue({
el: "#demo",
data() {
return {
selected: null,
managers: [{firstName: 'aa', lastName: 'bb'}, {firstName: 'cc', lastName: 'dd'}]
}
},
methods: {
showValueForTest(){
console.log(this.selected.firstName)
}
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
<select class="form-select" v-model="selected" @change="showValueForTest">
<option value="" disabled selected hidden>Select a manager</option>
<option value="">All the managers</option>
<option v-for="(manager, index) in managers" :key="index" :value="manager">
{{manager.firstName}}{{manager.lastName}}
</option>
</select>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/467547.html