Использование выпадающего списка v-select для значения по умолчанию

Question

У меня есть раскрывающийся список, использующий компонент v-select и устанавливающий мои параметры как "US" и "CANADA".

Я хочу установить значение по умолчанию (: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

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

Answer 2

v-select как в компоненте vuetify?

ваша v-модель должна иметь значение 'US', и это будет первый выбранный элемент