@PetrTar

Как сделать фильтр в таблице bootstrap-vue?

У меня есть таблица на bootstrap-vue с параметрами:

<b-table striped hover
            :items="mainAcciunt"
            :fields="fields"
            :filter-function="filterOpt"
            :current-page="currentPage"
            :per-page="perPage"
            :sort-by.sync="sortBy"
            :sort-desc.sync="sortDesc"
            :fixed="fixed"
            @filtered="onFiltered"
            >

Я хочу фильтровать данные с помощью функции filterOpt, как вызвать эту функцию при изменении параметров, с которыми функция будет сравнивать значения в таблице?
Например, есть select:

<b-form-select :options="debetOptions" v-model="filterDebet" class="mb-1"/>

И при его изменении, значения в строках таблицы, сравнивались бы со значением селекта.
  • Вопрос задан
  • 1094 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Почему бы не почитать документацию? Там всё написано. Передавайте filterDebet в качестве значения параметра filter в таблицу: :filter="filterDebet".

UPD. Вынесено из комментариев:

хочу фильтровать по нескольким значениям

Нет проблем - передавайте объект, который будет содержать эти значения. Например.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы