vue watch属性监听对象变化。
Posted dashaxiong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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
}
},
以上是关于vue watch属性监听对象变化。的主要内容，如果未能解决你的问题，请参考以下文章