Pass to 'input' event more information then just value

[otistav]

Problem:
When I want to add multiple select components and I have similar logic to set value, I have to create method for each of them.
Currently it goes like:

  <v-select class="selector" id="selector1" :options="['opt1', 'opt2']" v-model="selector1" @input="onInput1">

  </v-select>
<v-select class="selector" :options="['opt1', 'opt2']" v-model="selector2" id="selector2" @input="onInput2">

  </v-select>

onInput1(val) {
  this.selector1= val;
}
onInput2(val) {
  this.selector2= val;
}

Possible solution:
Pass an event object or object with some additional information, so I can identify select component from input event and have just one method for multiple selects, like:

  <v-select class="selector" id="selector1" :options="['opt1', 'opt2']" v-model="selector1" @input="onInput">

  </v-select>
<v-select class="selector" :options="['opt1', 'opt2']" v-model="selector2" id="selector2" @input="onInput">

  </v-select>

onInput(e) {
  this[e.target.id] = e.target.value;
}

[kamerat]

You can pass the ids yourself:

<v-select 
    id="selector1"
    v-model="selected"
    :options="options" 
    @input="onInput($event, 'selector1')"
/>


onInput(input, id) {
 console.log(input, id) // 'foo' 'selector1'
}