Как я могу проверить выбор флажка в vuetify datatable?
У меня есть дата, показывающая некоторые данные о событиях, и пользователи будут подписываться на эти события, выбирая их, но некоторые события могут конфликтовать с расписанием. Поэтому мне нужно проверить, не конфликтует ли выбранное пользователем событие с другими, которые он уже выбрал. Если это произойдет, мне нужно показать модальную ошибку, и флажок должен быть снят.
<template>
<v-data-table
v-model="selected"
:headers="headers"
:items="events"
item-key="id"
class="elevation-1"
>
<template v-slot:items="props">
<td>
<v-checkbox
v-model="props.selected"
primary
hide-details
></v-checkbox>
</td>
<td>{{ props.item.name }}</td>
<td>{{ props.item.startDate }}</td>
<td>{{ props.item.endDate }}</td>
</template>
</v-data-table>
</template>
Я уже пробовал несколько вещей, таких как установка свойства: правила для v-checkbox, но безуспешно. Есть идеи?