Vue计数项由v-for迭代,带有函数

时间:2018-02-01 09:29:03

标签: vue.js vue-component

我有一个由函数运行的循环组件,用于按输入和选择进行过滤。我可以获得此过滤器重新定义的无效元素数量吗?

<component-list class=""v-for="(item, index) in itemsFilters()" :key="index" :propId="item.id"
></component-list>

itemsFilter()通过选择和输入返回对象数组的过滤器。我有一支笔,举例说明了这种情况:https://codepen.io/joaosaro/pen/baXgjG

1 个答案:

答案 0 :(得分:2)

如果计算itemsFilter或方法:

 computed: {
      itemsCount () {
          // itemsFilters is computed 
          return this.itemsFilters.length
          // or a method
          return this.itemsFilters().length
      }
  }