我使用vue-select(https://vue-select.org/)进行下拉,下拉菜单中显示的数据为states
,它是一个数组。
selectedState
v模型中填充了选择内容,我有一个提交按钮,该按钮使用code
中的selectedState
更新用户对象的后端
例如,假设我选择“ Nevada”并单击“更新”,则后端的customer.state
的值为NV
。
当页面加载时,如何使它的位置下拉列表的值反映用户已经拥有的值?现在,每次我刷新页面并转到地址屏幕时,它都是空白的。
data(): {
return {
selectedState: null,
states: [
{label: "Washington", code: "WA"},
{label: "Nevada", code:"NV"}
]
}
}
<v-select
:options="states"
v-model="selectedState"
autocomplete="shipping region">
</v-select>