'Vuetify checkbox unchecked when changing pagination

i have datatable that contain checkbox in actions column

my datatable on template

<v-data-table
                    :headers="head"
                    :items="items"
                    :items-per-page="10"
                    class="elevation-1"
                    :loading="loading"
                >   
                    <template v-slot:item.filename={item}>
                        {{ item.filename }}
                    </template>

                    <template v-slot:item.circuit={item}>
                        <v-chip :color="getStatus(item.circuit)" dark>
                            {{ item.circuit ? item.circuit.title : 'Non utilisé' }}
                        </v-chip>
                    </template>

                    <template v-slot:item.actions="{ item, index }">
                        <div class="d-flex">
                            <v-icon
                                small
                                @click="deleteItem(item)"
                            >
                                mdi-delete
                            </v-icon>

                            <v-checkbox
                                multiple
                                class="ml-4"
                                :value="item"
                                :true-value="item"
                                v-model="fileselected"
                                v-if="isInused(item)"
                            >
                            </v-checkbox>
                        </div>
                    </template>
                </v-data-table>

my headers options on data

head: [
    { text: 'Fichier', align: 'start', value: 'filename' },
    { text: 'Circuit', align: 'start', value: 'circuit' },
    { text: 'Action', align: 'start', value: 'actions' }
],

so when i check some in the first page, it added to my model, i swtich to another page to check some other, and when i return to the previous page, all checkbox checked recentely are unchecked but my model value is inchanged; and i return to the other page, all checked checkbox are unchecked too. If i recheck the recently checked one, my model value still inchanged and if i uncheck it, the item is removed from my model. as if my checkbox not understand that he is checked and in the model when i change page;

Edit I have another checkbox that make all items checked, so all of it are in model, but when i change page, the sae behavior is occured, but if i used the option to show all row, all the unchecked in the page still unchecked, but the rest of the list are all checked

Other Edit I noticed that if i check some on one page, i switch page, and check other some in this page, all recently checked from the first page all removed from the model



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source