How to get the selected option from a SELECT in a component in VUE.JS?

Question

Vue.js

There is a component in the select component with a list,
<Enums v-model="orgs"></Enums>

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

When the page loads, the organization comes out as needed, according to org.
But how can I make org change when I select a different value in the select? Selected value is not passed to parent component

Answer 1

When changing the value of the select, you must send the new value to the parent.
Add a select @input="$emit('input', $event.target.value)", or make it a computed property:

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

<select v-model="innerValue">