2017-04-24 4 views
0

1xバージョンのフィルタで提供されるfilterBy Vue.jsのようなフィルタを私のアプリケーションに実装したいと思います...Vue.js 1x filterByの仕組みは?

私は、一致するオブジェクトを持つ配列を返すように計算プロパティを作成しようとしていますいくつかの文字列が変数に渡されて...しかし、私の目的は、毎回検索する属性を与え、再利用可能なものを作っていない...あなたの注意みんな

+0

これを既に知っているかどうかはわかりません。 https://vuejs.org/v2/guide/migration.html#Replacing-the-filterBy-Filter あなたは何をしようとしているのか、いくつかのVue 1のコードを表示することがありますか? –

+0

こんにちは、私はオブジェクトの配列をフィルタリングしようとしていますが、すべてのオブジェクトの属性と子供に深く関わっていますが、私たちはこの問題を解決する解決策を見つけました...私は結果を表示するために、 !! = D –

答えて

0

ため

おかげで、私はFacebookのグループに助けを持っていたVue.js BrazilユーザーによってイスラエルSant'Annaこれは絶対にこのdeを解決したMAND、回避策を見て:

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

}

するvar deepFilter =関数(ARR、filterTerm){ 戻りarr.filter(項目=> {

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/