Checkbox not working in dynamic loop

[okaroir]

Hello
I have a button on the page that when clicked adds a new item to an array (like items array).
And for each item that is added, a text field is visible to me to edit label of checkbox.
Actually, I create checkbox items dynamically.
Now, if I want to show a checkbox for the elements in this array in a v-for loop, I get an error.

<div v-for="(item,itemIndex) in items" :key="itemIndex">
             <Field v-model="selectedItems.items" v-slot="{ field }" name="items" type="checkbox" rules="length:2" :value="item">
             <input type="checkbox" name="items" v-bind="field" :value="item" />
         </Field>
</div>

If the items array is fixed and not reactive, there will be no problem, but if the items are reactive and change dynamically, the checkboxes will not work properly.

[logaretm]

I converted this to a discussion since it is more of a question rather than an issue.

<Field /> must have a unique name, from the snippet you provided you always have items as a name which won't work. Instead check the docs here and use items[idx] naming convention, also you may make use of field-arrays.