首页 > 编程 > JavaScript > 正文

vue watch深度监听对象实现数据联动效果

2019-11-19 13:14:41
字体:
来源:转载
供稿:网友

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

<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深度监听对象实现数据联动效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表