如何使用观察程序跟踪计算对象中的深层次更改

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,
},
},

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

提前谢谢你，

Martyn

Answer 1

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