Как сделать фильтр по одному полю в Vue?

Question

[DrunkMaster]

Сделал код https://jsfiddle.net/wwqy9a5p/1/
Хотелось бы что бы искало только по полю name и если ввести цифру любую, 11, например, то ничего не находилось.
Проблема явно в строке
<li v-for="array in filterBy(arrays, input)">
Но пара попыток исправить её, например сделать arrays.name или arrays, input in name (как в vue 1.0) привели только к неработоспособности скрипта.

Answer 1

[0xD34F]

Проблема явно в строке
<li v-for="array in filterBy(arrays, input)">

Да, надо добавить имя свойства, по которому хотите фильтровать, третьим параметром.

Или можно обойтись без сторонних библиотек и оформить отфильтрованные данные как computed свойство.

https://jsfiddle.net/jbd5amvo/

Answer 2

[Yeldos Adetbekov]

https://lodash.com/docs/4.17.4#filterBy

Comments

[DrunkMaster]

Мысль понятна, но как всё это связать не понятно. Сначала надо отсортировать массив, а потом уже отсортированный выводить его с фильтром выходит? Но как правильно применить lodash не совсем ясно в варианте https://jsfiddle.net/xx32mcsq/1/ ругается на строку data: finction(this.arrays){ ругается на Uncaught SyntaxError: Unexpected token {