List 根据过滤结果动态获取项目列表计数

我的应用程序最初根据服务器的响应显示帖子总数

但是，这些帖子可以被过滤，我需要根据过滤结果动态获取帖子数量

inputFilter:function() {
   var vm = this;
   return vm.posts.filter((post) => {
        var vmPosts = post.title.match(searchValue);
        var countFilteredPostsDinammicaly = vmPosts.count(); //??????
        return vmPosts;
   });
}

---

谢谢。

您可以创建一个

computed

属性，该属性将根据应用的查询/过滤器返回一个过滤数组

另一个

computed

属性将返回要在DOM上显示的已过滤数组的长度，即已过滤的post计数

newvue({
el:“#应用程序”，
数据：{
职位：[
{标题：'苹果是最好的水果'}，
{标题：“橙色是2020年最好的水果”}，
{标题：“2020年苹果比橙子甜”}
],
查询：“”
},
计算：{
getFilteredPosts（）{
返回this.posts.filter（post=>post.title.includes（this.query））
},
GetFilteredPostScont（）{
返回this.getFilteredPosts.length
}
}
})

已筛选帖子计数：{GetFilteredPostScont}



过滤帖子：

{{post.title}}

您想知道

文章的长度

或者您想知道

文章标题

dict的计数？谢谢Shivam Singh。你的解决方案正是我想要的。再次感谢。