Как установить значение по умолчанию в выпадающем списке в Vue. js

Question

Как мне установить первый параметр как значение по умолчанию в выпадающем списке?

<select :disabled=true class="custom-select" v-model="Status">
      <option disabled value>Select Any</option>          
      <option v-for="status in statusList" v-bind:value="{StatusId:status.StatusId,StatusName:status.StatusName}" :key="status.StatusId">{{ status.StatusName }}</option>                    
</select>

Здесь v-model="Status" - это объект. Итак, когда я установил его, как показано ниже, он не работает:

data() {
    return {            
        Status: 1                                   
    };
},

Здесь 1 - это идентификатор первой опции.

Answer 1

Status также должен быть объектом, если вы хотите, чтобы он совпадал.

data() {
  return {            
    Status: { StatusId: 1, StatusName: 'name' }                           
  }
}

Все свойства по умолчанию Status должны будут соответствовать одному из параметров, чтобы его нужно выбрать.

Но учтите, что, вероятно, здесь нет веской причины использовать этот шаблон установки значения параметра для объекта. Лучше установить его на StatusId и использовать этот выбранный идентификатор или вычисленное значение для обработки параметра везде, где вам нужно его использовать.