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模型defaultCountry的启动方式如下：

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

props: {
    customer: { type: Object }
}

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

Answer 1

v-select是否与vuetify组件中一样？

您的v模型应具有值“ 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

使用v-select下拉列表作为默认值

2 个答案: