У меня есть раскрывающийся список с использованием vue-select (https://vue -select.org / ), и данные, которые он показывает в раскрывающемся списке, states
, который является массивом.
V-модель selectedState
заполняется выбором, и у меня есть кнопка отправки, которая обновляет бэкэнд пользовательского объекта с code
из selectedState
Например, скажем, я выбрал «Невада» и нажал «Обновить», значение 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>