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