How to use Multiple filters in one loop ? about vue2-filters

[angelfernandezcic]

Any suggestions? I need to do 3 filters consecutive and i tried with the pipe but doesn´t work :(
v-for="item in filterBy(items, this.selectedMethod, 'ID_METHOD_PAID') | filterBy(items, this.selectedBudget, 'ID_TYPE_MONEY')"

[chriys]

As of right now I don't think so. Vue filters don't support complex operations. Meaning you can't chain them in a v-for. The solution would have been to use them in a computed property but they aren't available there.
A solution might be to implement a callback to filterBy.

Vue Filters Rendering

[rbreaves]

The answer is most likely to nest it - not pipe it. I am using orderBy and filter, but I assume you can nest them however you want. No idea about computing it or using a callback. While nesting does not look great it works fine for me.

<tr v-for="city in orderBy(cities,'name') | filterBy(cities, searchKey)">

to

<tr v-for="city in orderBy(filterBy(cities, searchKey),'name')">