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

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

1 голос
/ 25 февраля 2020

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

<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 - это идентификатор первой опции.

1 Ответ

1 голос
/ 25 февраля 2020

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

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

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

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

...