Как работать во VueJS с select multiple?

Question

[Денис Букреев]

Одиночные селекты описаны в документации, но о множественных - ни слова.

Есть у меня например select:

<select multiple="">
  <option value="">Field Type</option>
  <option v-for="value in field.value" value="{{ value.name }}">{{ value.name }}</option>
</select>

и data:

{
  name: 'Engine type',
  value: [
    {
      name: 'Petrol'
    },
    {
      name: 'Diesel'
    },
    {
      name: 'Pedal'
    },
    {
      name: 'Manual'
    }
  ]
}

Что добавить в data, чтобы пометить выбранные селекты и как этим управлять?

Answer 1

[D']

Так (исправлено Сергей Мельников ):
jsbin.com/fejeteyeco/1/edit?html,output

Comments

[Денис Букреев]

спасибо
не знаю даже какой вариант лучше юзать

Answer 2

[Сергей Мельников]

click

Comments

[Денис Букреев]

спасибо