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

news/2024/7/10 3:20:49 标签: 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>//前端全栈交流学习圈: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>

http://www.niftyadmin.cn/n/1301183.html

相关文章

CocosCreator选择default和link的区别

在CocosCreator中&#xff0c;编译成原生平台的方式有两种&#xff0c;一种是default&#xff0c;一种是link。 选择两种方式的区别是什么呢。 文件夹名称的区别&#xff1a; 一个是jsb-default&#xff0c;一个是jsb-link。 链接到的原生C文件路径的区别&#xff1a; jsb-defa…

iosArchive上传到AppStoreConnect

首先&#xff0c;我们需要一个IOS开发平台上有一个开发者账号&#xff1a; https://developer.apple.com/programs/enroll/ 这个平台可以注册个人账号或者公司账号&#xff0c;公司账号需要的资料更麻烦一点&#xff0c;但是功能也更多。 在做好的开发者账号的准备之后&…

Xcode生成IPA包

上一篇说到Xcode项目上传到开发者平台&#xff0c;但是有时候&#xff0c;我们只需要打一个IPA包出来体验一下&#xff0c;这个操作和之前的文章有一点不一样了。 首先&#xff1a;右键Xcode Product-> Analyze Xcode会执行编译程序&#xff0c;这个大概会编译几分钟&#…

Vue props用法小结

Vue props用法详解 组件接受的选项之一 props 是 Vue 中非常重要的一个选项。父子组件的关系可以总结为&#xff1a; props down, events up 父组件通过 props 向下传递数据给子组件&#xff1b;子组件通过 events 给父组件发送消息。 父子级组件 比如我们需要创建两个组件 …

C语言超市收银系统

#include<stdio.h>#include<stdlib.h>//分配函数#include<string.h>//字符串操作#include<conio.h>//getch() struct good//商品结构体{char name[20];//商品名称float price;//价格int n1;//总件数int n2;//已卖出}; struct gnode //商品结构体…

C语言工资管理系统

#include <stdio.h>#include <stdlib.h>#include <string.h>#include <conio.h> typedef struct salary//薪水结构体{int month;//月份float reward;//奖励float deduct;//扣除float base;//基本工资float pay;//薪水struct salary…

JavaScript 中的 this 工作原理

一、问题的由来 学懂 JavaScript 语言&#xff0c;一个标志就是理解下面两种写法&#xff0c;可能有不一样的结果。 var obj {foo: function () {} }; var foo obj.foo; // 写法一 obj.foo() // 写法二 foo()上面代码中&#xff0c;虽然obj.foo和foo指向同一个函数&#xf…

C语言公交查询系统

#include <stdio.h>#include <stdlib.h> #include <conio.h>#include <string.h> struct bus {char num[30];//车号char driver[50];//司机char stime[30];//发车时间 char start[30];//起始站char end[30];//终点站 int z;//站数char *pr;//指向路…