vue watch深度监听对象实现数据联动效果
程序员文章站
2022-06-24 16:14:45
当对象内的某一个元素发生变化，判断对象另一元素，并进行赋值
当对象内的某一个元素发生变化，判断对象另一元素，并进行赋值
<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深度监听对象实现数据联动效果，希望对大家有所帮助