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

Question

[PetrTar]

У меня есть таблица на 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"/>

И при его изменении, значения в строках таблицы, сравнивались бы со значением селекта.

Answer 1

[0xD34F]

Почему бы не почитать документацию? Там всё написано. Передавайте filterDebet в качестве значения параметра filter в таблицу: :filter="filterDebet".

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

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

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

Comments

[PetrTar]

Документацию я читал, и там пример как фильтровать по одному значению, а я хочу использовать функцию фильтра, и фильтровать по нескольким значениям.

[0xD34F]

PetrTar, дополнил ответ.