Vue:Gettin Vue-选择以显示默认值?

时间:2019-05-03 20:13:58

标签: vue.js vue-select

我使用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>

0 个答案:

没有答案