站长资源网络编程
vue watch深度监听对象实现数据联动效果
简介当对象内的某一个元素发生变化，判断对象另一元素，并进行赋值{{a.a1.a12}}{{a.a2.a22}}
当对象内的某一个元素发生变化，判断对象另一元素，并进行赋值
<template>
<input type="text" v-model="a.a1.a12"/>{{a.a1.a12}}
<input type="text" v-model="a.a2.a22"/>{{a.a2.a22}}
</template>
<script>
data(){
retrun{
a:{
a1:{
a12:12
},
a2:{
a22:15
}
}
},
watch:{
a:{
handler(val.oldval){
if(val.a1.a12<val.a2.a22){
val.a2.a22=val.a1.a12;
}
},
deep:true
}
}
</script>
总结
以上所述是小编给大家介绍的vue watch深度监听对象实现数据联动效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！