Vue.js 1x filterBy如何工作?

时间:2017-04-24 15:59:09

标签: javascript vue.js vuejs2

我想在我的应用中实现一个过滤器,就像在1x版本的过滤器中提供的filterBY Vue.js一样......

我正在尝试使Computed Property返回一个数组,其中的对象与变量中传递的某些字符串相匹配......但我的目标是使某些东西可以重复使用,而不是每次都给出搜索的属性...

感谢您的关注

1 个答案:

答案 0 :(得分:0)

我得到了用户以色列Sant' Anna 的facebook group Vue.js Brazil 的帮助,它完全解决了这个需求,看看解决方法:

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/