Vue.js 1x filterBy如何工作？

Question

I'd like to implement a filter in my app like the filterBY Vue.js provided in filters on 1x versions...

I'm trying to make a Computed Property to return an array with the objects that match with some string passed in a variable... But my aim is make something reusable and not give the attributes that searched every time...

Thanks for your attention guys

Answer 1

i had a help on facebook group Vue.js Brazil by the user Israel Sant'Anna that solved absolutely this demand, look the workaround:

var filterList = function(arr, filterTerm){
if (filterTerm === '') return arr
return deepFilter(arr, filterTerm)

}

var deepFilter = function(arr, filterTerm){ return arr.filter(item => {

if (typeof item === 'object'){
        return deepFilter(Object.values(item), filterTerm).length > 0;
}

if(item.toString().indexOf(filterTerm)>=0){
    return true;
}

}) }

https://jsfiddle.net/igortrindade/3jr27cwm/6/