vue.js - 使用 v-select 下拉菜单作为默认值

Question

我有一个使用 v-select 组件的下拉菜单，并将我的选项设置为“美国”和“加拿大”。

我想将默认值 ( :value) 设置为读取customer.country_code，在这种情况下设置为“US”，但它没有预加载的选择。我在类似的情况下使用了 v-select，但不确定我在这里搞砸了什么。

<v-select
   :options="['US', 'CA']"                                   
   :value="customer.country_code"                                       
   v-model="defaultCountry"
</v-select>

v-modeldefaultCountry是这样启动的：

data() {
   return {
       defaultCountry: null
  }
},

props: {
    customer: { type: Object }
}

customer.country_code 是一个道具，因此我无法将 v-model 实例化为该值。

Answer 1

v-select 就像在 vuetify 组件中一样？

您的 v-model 应该具有值“US”，这将是第一个选定的项目

Answer 2

dropdown.vue:

<select v-model="country">
  <option value="0">US</option>
  <option value="1">CANADA</option>
</select>

dropdown.js

In data declare this v-model.
country: 0

Then the default value "US" will be preselected in dropdown.

This is my first answer on stack overflow..hope it helps. ThankYou