Odtnhj

I have an array in Vuejs.

overtime_rates: ;

This array comes from the parent to this page. I sent it through v-model="overtime.overtime_rates" , and take it in the child as:

props: 

 value: Array,

 ,
 computed: 
 overtime_rates: 
 get() 
 return this.value;
 ,
 set(value) 
 this.$emit('input', value);
 
 ,
 , 

In my method when the array is empty (in create mode) and i try to push the object into it, the watch works fine and can capture all changes for any new push.

let rateOT = 
 startTime: 
 hours: 0,
 minutes: 0,
 ,
 endTime: 
 hours: 23,
 minutes: 59,
 ,
 
this.overtime_rates.push(rateOT); 

But after i save the array in database and fetch it for edit, when i try to edit each record the watch cannot catch the changes.

The function which is called in watch is :

method: 
 autoTime() 
 for (let i = 1; i < this.overtime_rates.length; i++) 

 if (this.overtime_rates[i - 1].endTime.minutes >= 0 
 && this.overtime_rates[i - 1].endTime.minutes < 59) 
 this.overtime_rates[i].startTime.minutes = 
 parseInt(this.overtime_rates[i - 1].endTime.minutes) + 1;
 this.overtime_rates[i].startTime.hours = 
 parseInt(this.overtime_rates[i - 
 1].endTime.hours);
 
 else if (this.overtime_rates[i - 1].endTime.minutes == 59) 
 this.overtime_rates[i].startTime.minutes = 0;
 this.overtime_rates[i].startTime.hours = parseInt(this.overtime_rates[i - 1].endTime.hours) + 1;
 
 

 ,

The watch code is as follow:

watch: {
 value: 
 handler: function () 
 
 this.autoTime();
 

 ,
 deep: true
 ,

Pleas any one can help me?