vue deep watch
watch: {
colors: {
handler(newValue){
console.log('colors changed', newValue)
}, deep: true
}
}vue deep watch
watch: {
colors: {
handler(newValue){
console.log('colors changed', newValue)
}, deep: true
}
}vue watch deep
export default {
name: 'ColorChange',
props: {
colors: {
type: Array,
required: true,
},
},
watch: {
colors: {
// This will let Vue know to look inside the array
deep: true,
// We have to move our method to a handler field
handler(value) {
console.log('The list of colors has changed!', value);
}
}
}
}vue watch deep property
watch: {
item: {
handler(val){
// do stuff
},
deep: true
}
}vue watch child property
...
watch:{
'item.someOtherProp'(newVal){
//to work with changes in "myArray"
},
'item.prop'(newVal){
//to work with changes in prop
}
}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
