Failing to get initial value (Vue 3) about multiselect HOT 8 CLOSED

But can you actually see Multiselect's modelValue prop being set? I don't think so because attribute inheritance works with non-prop attributes and :modelValue is a prop. So adding :modelValue="modelValue" to multiselect should solve the problem.

Btw generally if you have resolveOnLoad set to true and the resulting async option list contains an item which value equals to the initially set modelValue it will be selected once the async process finishes.

from multiselect.

I don't see v-model or :modelValue assigned here.

from multiselect.

All the attributes passed to the <restaurant-autocomplete v-model="filters.restaurantId" /> get passed to the root element of the child component automatically.

from multiselect.

I don't see v-model or :modelValue assigned here.

https://v3.vuejs.org/guide/component-attrs.html#attribute-inheritance

from multiselect.

But can you actually see Multiselect's modelValue prop being set? I don't think so because attribute inheritance works with non-prop attributes and :modelValue is a prop. So adding :modelValue="modelValue" to multiselect should solve the problem.

I tried that. Still doesn't work.

from multiselect.

Btw generally if you have resolveOnLoad set to true and the resulting async option list contains an item which value equals to the initially set modelValue it will be selected once the async process finishes.

The options list get's indeed resolved and I get a list with only one item (my item), it's just not selected.

Btw, myabe this will help you to better understand my usecase. I am getting "this.filters.restaurantId" from this.$route.query, on mounted().

from multiselect.

The error was mine on the binding from the query params. I apologise for wasting your time and thank you for your work.

from multiselect.

I used :model-value="default_value" that's worked for me in Vue 3

But can you actually see Multiselect's modelValue prop being set? I don't think so because attribute inheritance works with non-prop attributes and :modelValue is a prop. So adding :modelValue="modelValue" to multiselect should solve the problem.

Btw generally if you have resolveOnLoad set to true and the resulting async option list contains an item which value equals to the initially set modelValue it will be selected once the async process finishes.

from multiselect.