vue中watch的实现原理(watch深度监听对象实现数据联动效果)
当对象内的某一个元素发生变化,判断对象另一元素,并进行赋值
<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