Vue有时会观察到TypeScript getter,有时则没有

时间:2018-05-18 19:28:09

标签: typescript vue.js

我正在尝试了解Vue如何/何时重新呈现元素。

考虑下面的网格:

enter image description here

你可以看到史蒂夫罗杰斯的总小时数已经更新为9小时(填写星期六小区后),但星期六的总时数为0小时。

这两个值都来自typescript getters:

class ScheduledEmployee {

    Id: number;
    Name: string;

    get TotalHours(): number {
        let total = 0;
        for (let i = 0; i < this.ScheduledDays.length; i++) {
            total = total + this.ScheduledDays[i].TotalHours;
        }
        return total;
    }

    ScheduledDays: ScheduledDay[] = [];
}

class ScheduleDate {
    Date: Date;
    Id: number; //id is ticks at midnight
    Day: string;
    ParentSchedulerVM: SchedulerVM;

    //a cross-employee index of the schedule for this day (vs by employee)
    // - for quicker totaling and coverage calculation
    ScheduledDays: ScheduledDay[] = [];

    get TotalHours():number {
        let total: number = 0;
        for (let i = 0; i++; i < this.ScheduledDays.length) {
            total += this.ScheduledDays[i].TotalHours;
        }
        return total;
    }
}

我确实意识到我正在推动Vue的简单数据道具应该是什么样的界限。 但是,我仍然想知道为什么其中一个吸气剂没有问题而另一个没有问题的可能原因。

1 个答案:

答案 0 :(得分:0)

嗯,这原来是一个简单的错误。注意在第二个for循环中,我以某种方式设法将测试与增量器交换。 Vue工作正常:P。