Vue: Cara Menggunakan watch pada Nested Data

Di dalam vue 2, watch digunakan untuk memantau perubahan nilai suatu data. Hal ini dapat digunakan untuk memantau data yang diinpu oleh user. Jika ada perubahan maka kita dapat melakukan manipulasi data tersebut melalui watch.

Untuk menggunakan watch pada nested data maka kita dapat membuat fungsi watch di dalam setring.

Contoh datanya adalah sebagai berikut:

data(){
 return{
   field:{
    discount: 0
   }
 }
}

Kita bisa memantau nilai discount melalui watch dengan cara berikut:

watch: {
    'field.discount': function (newVal, oldVal) {
     //manipulasi data di sini
    }    
}

Komentar