Two-way binding not working when using reactive, must use Ref

[collmomo]

Two-way binding not working when using reactive, must use Ref

[LinusBorg]

I'd argue that this is expected behaviour. It's just not made explicit enough in the docs.

[edison1105]

This is because reactive data reassignment loses the reactive.

[unbrain]

const selected = defineModel({default: []});

Starting in Vue 3.4, the recommended approach to achieve this is using the defineModel() macro:

[LinusBorg]

const selected = defineModel({default: []});

Starting in Vue 3.4, the recommended approach to achieve this is using the defineModel() macro:

That has nothing to do with this issue.

[unbrain]

const selected = defineModel({default: []});

Starting in Vue 3.4, the recommended approach to achieve this is using the defineModel() macro:

That has nothing to do with this issue.

select same as checkbox

[Doctor-wu]

On my side, the template was compiled to this, and $setup was processed by shallowUnwrapHandlers, it won't be collected when it's property was access, and it seems this behavior starts in very early version, don't know if it's a bug.

[bencodezen]

Just to add clarification on the issue, docs should be updated to explain how v-model emits a new array (as opposed to updating an existing one) when working with <select multiple> and <input type="checkbox" multiple />.