Vuejs 错误：未捕获的 TypeError：无法读取 null 的属性“removeChild”

Question

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

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

第 1 项，锤子，100

第 2 项，锤子，200

第 3 项，螺丝刀，100

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

我正在使用“手表”来保持计数更新，以在商品数量发生变化时保持最新状态。这适用于前几次更新，但随后出现错误：Uncaught TypeError: Cannot read property 'removeChild' of 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

原来我应该使用 push 代替：

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