Как в VUE.JS получить выбранный параметр из SELECT, который находится в компоненте?

Question

[Vadim Sutormin]

Есть компонент
<Enums v-model="orgs"></Enums>

В компоненте селект со списком,

<select :value="value">
<option value="1">Организация 1</option>
<option value="2">Организация 2</option>
</select>

При загрузке страницы организация выходит какая нужно, согласно данных org.
А вот как сделать чтобы org менялся когда я выбираю в селекте другое значение? В родительский компонент выбранное значение не передается

Answer 1

[0xD34F]

При изменении значения селекта надо отправлять новое значение родителю.

Добавьте select'у @input="$emit('input', $event.target.value)", или сделайте вычисляемое свойство:

innerValue: {
  get() {
    return this.value;
  },
  set(val) {
    this.$emit('input', val);
  },
},

<select v-model="innerValue">

Comments

[Vadim Sutormin]

Спасибо большое!
Я уже делал вычисляемое свойство, но ошибся, написал change вместо input

Answer 2

[Антон Антон]

как-то так:
https://jsfiddle.net/01r843jf/