vue.js v-выберите значение по умолчанию

Question

Я хочу сделать значение по умолчанию для опции выбора, используя vue.js

вот мой код

 <v-select
        v-model="contact.title"
        :options="['Mr','Mrs','Ms']">
      </v-select>

и

export default {
 props: {
  contact: {
  type: Object,
  required: true,
 },

titles: {
     type: Array,
     required: true,
   },
  },
};

спасибо

Answer 1

Попробуйте это. Я думаю, что это будет работать.

<v-select
  v-model="selected"
  :options="options">
</v-select>


data: () {
  return {
    selected: 'Option 1',
    options: ["Option 1","Option 2","Option 3"]
  }
},

Answer 2

Мутация опоры не является лучшей практикой. Вы можете сделать это как:

<v-select
    v-model="selected"
    :options="['Mr','Mrs','Ms']">
</v-select>


data: function () {
  return {
    selected: '' || 'defaultValue'
  }
},

Таким образом, вы не изменяете опору, и вы легко можете установить значение по умолчанию.
Если вы хотите передать данные родителю, посмотрите:
Передать данные родителю