Почему не работает фильтр Vue.js?

Question

[Асхат Балтабаев]

<ul>
	<input type="text" v-model="input" autofocus/>
	<li v-for="item in  array | filterBy input">{{item.name}}, {{item.age}}</li>
</ul>

У меня выводит ошибку

Как это решить?

Answer 1

[Yeldos Adetbekov]

Дело в том что в новых версиях vue, в частности, во второй версии Evan You отказался от нативных фильтров, оставив лишь кастомные. Как альтернативу, он предлагает использовать computed выражения. https://vuejs.org/v2/guide/migration.html#Filters

Comments

[Асхат Балтабаев]

Все понял) Спасибо!

[Yeldos Adetbekov]

askhat97: lodash - отличная библиотека, со всякими вкусностями фильтрации, сортировки итд. Удачи!

Answer 2

[Evgeny Kulakov]

Вам нужно что-то типа вот такого `item in array | filterBy(input)` и далее реализовать сам фильтр. Хотя не могу сейчас проверить будет ли работать в таком варианте. Обычная практика использовать вычисляемое свойство, которое будет содержать необходимые элементы и писать сразу вот так: `item in filteredArray`.