Vuejs错误：未捕获TypeError：无法读取属性＆＃39; removeChild＆＃39;为null

Question

我不确定这是否是Vuejs中的错误或我做错了什么。

我正在尝试返回每种设备类型的计数。例如：

第1项，Hammer，100

第2项，Hammer，200

项目3，螺丝刀，100

总计：锤子= 300，螺丝刀= 100

我正在使用＆＃39; watch＆＃39;在项目的数量发生变化时，将计数更新保持为日期。这适用于前几次更新，但后来我收到错误：Uncaught TypeError：无法读取属性＆＃39; removeChild＆＃39; null和总数消失。有什么想法吗？

watch: {
    'equipment': function(val) {

        for (var i in this.equipmentTypes) {
            var count = 0;
            var id = this.equipmentTypes[i].id;
            var name = this.equipmentTypes[i].name;
            this.equipment.filter(function(item){       
                if(item.equipment_type_id == id){
                    count += parseFloat(item.quantity);
                }
            });
            this.equipmentCounts.$set(id,{name: name,value: count});
        }
    }
},

Answer 1

原来我应该一直使用推送：

this.equipmentCounts.push({name: name, value: count});