vueform / multiselect

Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind CSS support).
https://vueform.com
MIT License
805 stars 149 forks source link

Display values not updating properly when updating options and values with custom "value-prop" #431

Open GueganVictor opened 1 week ago

GueganVictor commented 1 week ago

Version

Description

When updating values and options, while using a custom "value-prop", the display doesn't update properly and displays the wrong informations. But when you open the multiselect dropdown, the correct values available in the dropdown but still not updated in the main multiselect input. It seems like it is still using the old options list instead of the new one.

Demo

https://jsfiddle.net/edw13Lg8/

Please use our JSFiddle template to reproduce the bug. Issues without working reproduction might be ignored.

GueganVictor commented 1 week ago

In the meantime, A quick workaround is to force the multiselect's update by adding a :key attribute bound to the options :

<VueFormMultiselect
 :key="options"
 :options="options"
 ...
>