vue watch属性监听对象变化。

有时候要监听对象的变化。 我一般用来做一堆input 表单里面条件是否达到，然后按钮的颜色变化。

data: {

　　return: {

form: {
name: ‘‘,
tel: ‘‘,
product_value: [], // 产品数组第一个是第一级，第二个是第二级。
product_label: ‘‘, //产品选择选择对应的文字
xinghao_value: ‘‘, // 型号的值
xinghao_label: ‘‘, // 型号的名字
guige_value: ‘‘, // 规格的值
guige_label: ‘‘, // 规格的名字
order_size: ‘‘, // 订单编号
reason: ‘‘, // 原因
},

}

}

watch:{
form:{//深度监听，可监听到对象、数组的变化
handler(val, oldVal){
console.log(val);//但是这两个值打印出来却都是一样的
var canSubmit = false
Object.keys(val).forEach(function(key){
if(!val[key]){
console.log(‘kong‘)
canSubmit = false
return
}else{
canSubmit = true
}
});
this.canSubmit = canSubmit
},
deep:true
}
},

原文地址：https://www.cnblogs.com/dashaxiong/p/12613298.html