Vuejs从filterby返回结果计数

Question

如何在过滤集合后获得返回的结果数量？

我创建了一个侧滤镜：

filters:{
  count: function(value){
    return value.length;
  }
},

然后我使用以下方法调用计数过滤器：

<span v-text="results | count"></span>

但是这不会从我的过滤结果中返回返回结果的计数。

这是我的results对象

results: [
      {
        id: 1,
        purchaseDate: 2016-10-15 09:34:00,
        fullName: 'Test 1',
        email: 'test@test.com',
      },

      {
        id: 2,
        purchaseDate: 2016-10-17 09:34:00,
        fullName: 'Test 2',
        email: 'test@test.com',
      }
    ]

当我的过滤器返回Test 2时，我应该得到1而不是2（结果总数）。

Answer 1

您需要计算过滤后的对象：

<span v-text="results | filterBy 'Test 2' | count"></span>