При выборе проверки данных - PullRequest
0 голосов
/ 29 июня 2019

Как я могу проверить выбор флажка в 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, но безуспешно. Есть идеи?

...