Here is my current data layout
days: [
{
id: 0
name: 'Monday',
times: []
},
{
id: 1
name: 'Tuesday',
times: []
}
}
I have implemented the following function to append an object to the times array.
onTimeAdded (dayId) {
const dayIndex = this.days.findIndex(day => day.id === dayId)
this.days[dayIndex].times.push({ from: '09:00', to: '18:00' })
}
Although this successfully adds the object to the array, changing the value of one of the properties of the object does not trigger reactivity. The from and to properties are defined as follows:
<input
type="time"
name="to"
:placeholder="To"
:value="time.to"
>
If I add an object to a reactive array, will the properties of that object be reactive?