dynamically adding and removing of v-select causes selected value to be not update

[monaye]

Hello,

I have dynamically rendered a list of the v-select and the user can add/remove the list.

However, when the user removed the item, the selected value seems to be not updated. For example: if the user added 3 v-select as followed and remove the second one.

1. v-select => item-1
2. v-select => item-2  // try remove this
3. v-select => item-3

expected behavior

1. v-select => item-1
2. v-select => item-3

Actual behavior

1. v-select => item-1
2. v-select => item-2

Seems like the selected value is showing based on the indexed of the v-select and not keeping track of its order. Here is the codepen: https://codepen.io/monaye/pen/jOMXBag?editors=1010

thank you,

[aproram]

Same Issue, found any workaround ?

[monaye]

@aproram I used the Map instead.