在Vue项目中的某一组件内,我需要监控data内某一对象的某一属性变化,已作处理;
组件data中的数据如下:
data:{
return {
pickedForm: {
pickedDate: "",
pickedInStation: "",
pickedOutStation: ""
},
}
}
完成以上功能,只需要两步
1.在computed中定义一下方法:
computed: {
dateChange() {
return this.pickedForm.pickedDate;
}
},
2.在watch中监控computed中的方法
watch: {
dateChange(newValue, oldValue) {
console.log(newValue); //日期变化
//处理方法
}
},