Фильтрация таблицы BootstrapVue по 2 или более полям - PullRequest
0 голосов
/ 18 апреля 2019

Я использую Bootstrap-Vue для отображения информации в таблице.Каждый отображаемый элемент имеет два поля (имя и возраст).К настоящему времени я могу фильтровать по одному полю (либо по имени, либо по возрасту), но я хочу иметь два входа для фильтрации по обоим.

Так что, если я наберу «Dav» в имени и «2» вage, я хочу отобразить всех людей с 'Dav' под именем ang '2' в его / ее возрасте.

Я попытался передать массив (['age', 'name']) иобъект (name: 'name', age: 'age') to: filter, но ничего не работает.

Я разобрал пример и упростил его.Здесь у вас будет два входа, один для имени и другой для возраста.Вы можете фильтровать по имени (: filter = "name"), но не по возрасту.Я могу поменять «возраст» на «имя», и оно будет работать, но только для «возраста».

Вот код:

[https://jsfiddle.net/esom2f9p/2/][1]

TL; DR: таблица фильтруется по 'name ', но должен фильтроваться по' name 'и' age '.Я хочу знать, как фильтровать по двум или более полям.

1 Ответ

1 голос
/ 18 апреля 2019

Вы можете использовать свойство computed для фильтрации данных.

См. Это -

https://jsfiddle.net/thbn816x/5/

...