Vue watch监听 date中的变量 与 数组或者对象的数据变化
2024-09-08 19:33:16
直接看下面代码:
1.红色的的为一个对象,watch监听时。需要借助 computed 属性,否则watch监听打印出来的新旧值看不出。(注:方法可以随便写,但是 computed 中 与 watch的名字要一致,且computed中必须return返回值。)
2.蓝色的的为一个普通的变量,watch监听获取它的新旧值时,直接在watch中书写即可。(注:名字必须为 要监听的 变量名字)
data(){
return{
Form:{aaa: '',bbb:''},
value: '',
}
} computed: {
NewForm() {
return JSON.parse(JSON.stringify(this.Form));
},
},
watch: {
NewForm: {
handler(newVal, oldVal) {
console.log('旧值:',oldVal);
console.log('新值:',newVal);
},
deep: true, //深度监听(可监听到对象、数组的变化)
},
value(newVal,oldVal) {
console.log('旧值:',oldVal);
console.log('新值:',newVal);
}
}
最新文章
- 在android studio 中使用applicationid的问题
- java继承与多态-3个小题
- android上传图片至服务器
- C 语言链表操作例程 (待完善)
- [ 单例、代理 &; 通知 ]
- [置顶] SQL注入安全分析
- git fetch pull checkout区别
- STM32串口寄存器操作(转)
- inline的C99标准相关原文
- Servlet与Jsp的结合使用实现信息管理系统一
- 获取tranform参数函数的封装
- nslookup命令的安装及使用
- Android 的 Sqlite基本操作
- 基于weex的app开发脚手架weexplus学习笔记
- select、poll、epoll之间的区别总结[转载]
- POJ - 3244-Difference between Triplets
- 异步async/await简单应用与探究
- 两台linux主机使用unison + inotify实现web文件夹同步
- PFX文件提取公钥私钥
- Quatz入门
热门文章
- Luogu P3919 【模板】可持久化线段树 1(可持久化数组)
- js/jquery 所有页面点击事件(持续更新)
- 免费ASP空间
- Linux操作命令(八)1.sort命令 2.uniq命令 3.join命令
- 关于centos8yum源失效问题
- Git 提交和拉取服务器最新版本代码方法
- Ubuntu系统安装搜狗拼音输入法
- PV动态供给之nfs
- 关于JMeter WebSocket插件:JMeter WebSocket插件-关闭SignalR连接--webSocket Close报错
- Vue项目使用/deep/报错:SassError: expected selector解决方案--亲测有效