Vuetify 3 v-select error on removing options from v-model

Viewed 16

i'm using the v-select component with multiple prop from vuetify 3.

When selecting different options, the v-model sorts them alphabetically, while as seen on the console log, the array have the correct order.

enter image description here

The thing is, if in this case for example, i try to remove the first item in the v-model but visually second in the input (f594etc...), however it ends up removing the option whose visually order matches the desired option for delete position in the array (f4444etc...).

enter image description here

For example

[{name: A, id: 1}, {name: B, id: 2}]

Input display : A, B v-model array : 2, 1

If i want to delete B option, it end's up deleting the A option, because the B is visually second in the input, so it deletes the 2nd option in the v-model array, but in this case, its A.

Hope i didn't make it too complex to understand... Thanks

0 Answers
Related