vue中watch的实现原理(watch深度监听对象实现数据联动效果)

vue中watch的实现原理(watch深度监听对象实现数据联动效果)(1)

当对象内的某一个元素发生变化,判断对象另一元素,并进行赋值

<template>   <input type="text" v-model="a.a1.a12"/>{{a.a1.a12}}   <input type="text" v-model="a.a2.a22"/>{{a.a2.a22}} </template>//前端全栈交流学习圈:866109386 <script>//帮助1-3年前端人员,突破技术瓶颈,提升思维能力   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>

对前端的技术,架构技术感兴趣的同学关注我的头条号,并在后台私信发送关键字:“前端”即可获取免费的架构师学习资料

知识体系已整理好,欢迎免费领取。还有面试视频分享可以免费获取。关注我,可以获得没有的架构经验哦!!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页