filters

filters.vue

<Table
  :items="list.data"
  :search-value.sync="filter.search"
  :show-select="showSelect"
  :disable-export="standalone"
  :extra-headers="extraHeaders"
  v-bind="tableBindings"
  v-model="selected"
  @pagination="paginate"
>
  <template v-if="!noFilters" #filters>
    <v-row justify="end" class="mb-4">
      <v-text-field
        v-model="filter.search"
        prepend-inner-icon="mdi-magnify"
        label="Поиск"
        hide-details
        style="max-width: 500px"
      />
    </v-row>
    <v-row>
      <v-col md="2">
        <v-select
          label="Форма проведения"
          multiple
          chips
          clearable
          :items="eventForms"
          v-model="filter.eventForms"
          @change="refetch"
        />
      </v-col>

      <v-col md="2">
        <v-select
          multiple
          deletable-chips
          chips
          clearable
          label="Категории"
          :items="[
            { text: 'Одиночные', value: 1 },
            { text: 'Циклы', value: 2 },
          ]"
          v-model="filter.categories"
          @change="refetch"
        />
      </v-col>