Vue-material: установить выбранный в MdSelect

Созданный на 29 нояб. 2016 · 3Комментарии · Источник: vuematerial/vue-material

Прежде всего спасибо за ваш невероятный проект!

Мне непонятно, как установить значение по умолчанию для списка выбора. Как сделать «НРАВИТСЯ» значением по умолчанию в примере ниже?

operators: {
equal: "=",
greater_than: ">",
greater_than_or_equal_to: ">=",
in: "IN",
less_than: "<",
less_than_or_equal_to: "<=",
like: "LIKE",
not_equal: "<>",
}

<md-select>
    <md-option v-for="operator in operators" :value="operator" >
        {{ operator }}
    </md-option>
</md-select>

Спасибо!

question

Источник

tridcatij

Самый полезный комментарий

Правильный код для этой проблемы:

<md-select v-model="myModel">
    <md-option v-for="(key, operator) in operators" :value="key">{{ operator }}</md-option>
</md-select>

{
  data: () => {
    return {
      myModel: 'like'
    };
  }
}

Это не поведение материала Vue, а способ повторения элементов в Vue.js.
Спасибо.

marcosmoura 29 нояб. 2016

👍3

Все 3 Комментарий

Правильный код для этой проблемы:

<md-select v-model="myModel">
    <md-option v-for="(key, operator) in operators" :value="key">{{ operator }}</md-option>
</md-select>

{
  data: () => {
    return {
      myModel: 'like'
    };
  }
}

Это не поведение материала Vue, а способ повторения элементов в Vue.js.
Спасибо.

marcosmoura 29 нояб. 2016

👍3

Я использовал следующий код:

<md-select name="province" id="province" :value="province" >
  <md-option v-for="province in provinces" :value="province.id" >{{province.name}}</md-option>
</md-select>

И аналогичный код с базовыми компонентами:

<select name="province" id="province" :value="province" >
  <option v-for="province in provinces" :value="province.id" >{{province.name}}</option>
</select>

Первый не выбирает значение провинции, а второй делает это.
провинция находится в данных, а провинции получены из запроса apollo

demonodojo 23 февр. 2017

@marcosmoura в приведенном вами примере v-for="(key, operator) in .. перевернут, это должно быть v-for="(operator, key) in .. согласно документации . Непонятно, что это значение: ключ, а не ключ: значение.