Как исправить отображение с filterBy, Laravel и Vue.js?

Question

[Никита Кудинов]

Имеется вот такой код

<div id="app">
<input type="text" v-model="input">
<ul>
	<li v-for="item in array">@{{ item.name }}</li>
</ul>
</div>

и вот такой

new Vue({
            el: '#app',
            data: {
                input: '',
                array: [
                {
                    name: 'Agel',
                    ag: 23
                },
                {
                    name: 'Mark',
                    ag: 26
                }
                ]
            }
        });

и когда я добавляю в v-for строку " | filterBy 'name'", так чтобы получилось

<li v-for="item in array | filterBy 'name'">@{{ item.name }}</li>

Он напрочь отказывается отображать весь <div id="app"></div>

Answer 1

[Yeldos Adetbekov]

Какую вы версию vue используете? Если 2.0+, то vue.js отказались включать нативные фильтры в код(Наверное из за уязвимости или веса файла). И вместо этого предлагают использовать сторонние функции(библиотеки). https://lodash.com/docs/4.17.4#filter .Очень жаль что их убрали но их можно написать самому, сделать кастомный фильтр, но тут опять но, нужно использовать фильтр как функцию, то-есть передавать как атрибуты в скобочках. Почитайте про фильтры в доках.