計算活動狀態的項目數

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