如何在VUE中的选定下拉列表中获取值

Question

我有我的代码

HTML

<div v-for="(edu, index) in fetch" :key="edu.id">
<v-col cols="2">
<v-btn
class="mr-3" @click="handleEdit(edu, index)">
</v-btn>
</v-col>
<v-col cols="12" sm="6" md="6">
<v-select
:items="item_bulan"
v-model="add_graduate_month"
item-value="id"
item-text="name"
label="month"
dense
></v-select>
<p>Selected ID: {{ add_graduate_month }}</p>
</v-col>
</div>

在这里我编辑下拉中的数据

这个功能的

export default {
name: "Education",
data: function() {
return {
item_bulan: [
{id:'1', name:"Jan"},
{id:'2', name:"Feb"},
{id:'3', name:"Mar"},
{id:'4', name:"Apr"},
{id:'5', name:"Mei"},
{id:'6', name:"June"},
{id:'7', name:"Jul"},
{id:'8', name:"Ags"},
{id:'9', name:"Sep"},
{id:'10', name:"Okt"},
{id:'11', name:"Nov"},
{id:'12', name:"Des"},
],
add_graduate_month: null,
};
},
computed: {
fetch() {
return this.$store.state.education;
},
},
methods:{
handleEdit(edu, index) {
alert(edu.graduate_month)
this.add_graduate_month = edu.graduate_month;
},
}

我创建了一个包含月份值数据的下拉列表，即id；1〃；但是当我编辑时，该值不会出现在下拉列表中，当使用v-text时，会显示该值，如何将该值输入v-select？

这怎么会发生？

图像

Answer 1

当您将一个值分配给附加到v-select的add_graduate_month时，add_graduate_month的值应该与item_bulan中的一个值匹配。

因此，如果您从数据库中获取1，那么您的add_graduate_month值应该是{id:'01', name:"Jan"}。