计算具有活动状态的项目数

Question

我有一个功能可以在点击的列表项上切换活动状态：

Vue的

toggleActive: function(s){
  s.active = !s.active;
},

帕格

li(v-for='property in properties', v-on:click='toggleActive(property)'

如何检查稍后处于活动状态的项目数？理想情况下，我想将变量设置为活动状态项的数量。

我最初想到的是这样的事情：

var count = this.properties.active.length;

但是无法让它发挥作用。

Answer 1

在阵列/对象上使用ES6过滤器：

this.properties.filter(value => value.active === true).length;

您可以将其缩短为：

this.properties.filter(v => v.active).length