Javascript 计算处于活动状态的项目数

Javascript 计算处于活动状态的项目数,javascript,vue.js,Javascript,Vue.js,我有一个功能,可以在单击的列表项上切换活动状态: Vue 帕格 以后如何检查处于活动状态的项目数?理想情况下,我希望设置一个变量作为活动状态项的数量 我最初的想法是这样的: var count = this.properties.active.length; 但无法使其工作。在阵列/对象上使用ES6筛选器: this.properties.filter(value=>value.active==true).length 您可以将其缩短为: this.properties.filter(v=>v

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

Vue

帕格

以后如何检查处于活动状态的项目数?理想情况下,我希望设置一个变量作为活动状态项的数量

我最初的想法是这样的:

var count = this.properties.active.length;

但无法使其工作。

在阵列/对象上使用ES6筛选器:

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

您可以将其缩短为:


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

这不是多少代码。但我看到的是,你需要这个.properties.active作为一个数组。如果不是,那么您只需要执行此操作。properties.activeIt足够解决这个问题。
li(v-for='property in properties', v-on:click='toggleActive(property)'
var count = this.properties.active.length;