如何使用观察者跟踪计算对象的深层变化

Question

我似乎难以跟踪组件内计算对象的深层变化。

我有一个计算的计划对象定义为：

    computed: {
        schedule() { // return the current schedule object
            return this.$store.getters['schedules/getScheduleByName'](this.picked)
        }
    },

我定义了一块手表：

    watch: {
        schedule: {
            handler() {
                this.activeColor = 'blue' // this is stored in the data function
            },
            deep: true,
        },
    },

这确实会跟踪变化。但是，因为调度程序对象似乎会随着组件加载而发生变化，所以颜色变化会立即发生，而不是在我手动更改对象属性之后发生。有谁知道如何实现颜色最初为红色然后在组件完全初始化后更改的效果？

提前谢谢你，

马丁

Answer 1

最简单的方法是在您的数据中保留一个标志，在您手动更改计划时设置它。然后在您的手表中，在更改颜色之前检查是否设置了标志。