vue watch深度监听对象实现数据联动效果
时间:2021-02-06 10:06:09|栏目:vue|点击: 次

当对象内的某一个元素发生变化,判断对象另一元素,并进行赋值
<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
本文地址:http://www.codeinn.net/misctech/58122.html






