vue 监听表格里的数据变化_vue中监听数据变化 watch
今天做项目的时候,子组件中数据(原本固定的数据)需要父组件动态传入,如果一开始初始化用到的数据、但当时还没有获取到,初始化结束就不会更新数据了。只有监听这两个属性,再重新执行初始化。
1、watch是一个对象,对象就有键跟值,
键就是我们要监听的数据,
值可以是函数:当我们监听的数据发生变化时,需要执行的函数,这个函数有两个形参,第一个是当前的值,第二个是变化后的值;
值也可以是method中的函数名:函数名要用引号来包裹
值也可以是包括选项的对象,老厉害了,老厉害了
选项包含三个:
A、第一个值handle:其值是一个回调函数,就是监听对象对话的时候需要执行的函数
B、第二个值deep:其值true 或者 false,是否深度监听(一般监听是不能监听到对象属性值变化的,数组除外)
C、第三个值immediate:其值 true 或者 false,是否以当前的初始值执行handle函数(当值第一次绑定时,不会执行监听函数,只有值发生改变时才会执行。如果我们需要在最初绑定值的时候也执行函数,则就需要用到immediate属性。)。
(1)通过watch监听data数据的变化,数据发生变化时,就会打印当前的值
watch: {
data(val, newval) {
console.log(val)
console.log(newval)
}
}
(2)通过watch监听docData数据的变化,数据发生变化时,this.change_number++(使用深度监听)
watch: {
docData: {
handler(newVal) {this.change_number++},
deep:true,
immediate: false,}
}
(3)通过watch监听data数据的变化,数据发生变化时,执行changeData方法
watch: {
data:'changeData' //值可以为methods的方法名
},
methods: {
changeData(curVal,oldVal){
conosle.log(curVal,oldVal)
}
}
vue 监听表格里的数据变化_vue中监听数据变化 watch相关推荐
- vue 监听表格里的数据变化_vue中监听object数据变化的基本原理
# 简略版+自己的注释// 判断一个变量是否是对象 function isObject(obj) { return obj.constructor === Object } class Observe ...
- js监听地址栏变化_vue中本地储存也可以实时监听
网上看到的这个方法 在项目里使用了 贼爽啊,分享下 顺便说一下 localStorage也实用 比如 在同一个页面里边 不同位置 两个变量的呈现都是使用的本地储存且一个变量修改,第二个变量也要实时变化 ...
- ssms18还原数据_SSMS 18中的静态数据屏蔽
ssms18还原数据 In this article we are going to talk about Static Data Masking, a new feature for the SQL ...
- matlab导入word数据,如何将Excel数据导入MATLAB中?/excel数据导入word模板
如何将Excel数据导入MATLAB中? 从excel中导入,可以用xlsread()函数. 例如: A=xlsread('C:\Users\Administrator\Desktop\07-29预. ...
- 从大数据应用案例中理解大数据的应用价值
现在的社会是一个高速发展的社会,科技发达,信息流通,人们之间的交流越来越密切,生活也越来越方便,大数据就是这个高科技时代的产物. 阿里巴巴创办人马云来台演讲中就提到,未来的时代将不是IT时代,而是DT ...
- html使用xml数据岛,html中的xml数据岛记录编辑与添加_xml技巧
HTML中的数据岛中的记录集 HTML中的XML数据岛记录编辑与添加 酒店名称: 地址: 主页: 电子邮件: 电话: 级别: " οnclick="theXMLisland.rec ...
- oracle分页数据,在Oracle中得到分页数据
在Oracle中得到分页数据 得到DataSet的值 例子如下: /// /// 得到Colletion分页数据 /// public DataSet GetList(int PageIndex, i ...
- java json转二进制数据_JSON字符串中的二进制数据 . 比Base64更好的东西
UTF-8的问题在于它不是最节省空间的编码 . 此外,一些随机二进制字节序列是无效的UTF-8编码 . 因此,您不能将随机二进制字节序列解释为某些UTF-8数据,因为它将是无效的UTF-8编码 . 这 ...
- matlab如何导入多文本数据,将文本文件中的混合数据导入表
样本文件概述 样本文件 outages.csv 包含表示美国电力中断的数据.文件的前几行如下: Region,OutageTime,Loss,Customers,RestorationTime,Cau ...
最新文章
- python的datetime模块需要装吗,Python datetime模块的介绍(日期格式化 时间戳)
- 8、非空约束(NOT NULL)
- 广州种植牙需要多少钱
- 作用域、执行环境、闭包(四)
- 访问数据库时如何解决并发问题
- Learn OpenGL(七)——OpenGL中使用着色器的基本步骤及GLSL渲染简单示例
- ASP.NET 中处理客户端数字证书
- android 过滤蓝光软件下载,蓝光过滤器app下载-蓝光过滤器(熬夜护眼必备)下载v1.4.7安卓版-西西软件下载...
- Gradle教程——(二)Gradle介绍
- 图书ISBN编码概述及java工具类校验
- docker启动mysql失败(闪退)原因
- 纳秒级分布式无锁限流插件 Current-Limiting
- 某HR自述:和高管PK了半小时,终于给一个47岁的程序员发了offer~
- 查询某个表空间下所有的表的空间占用情况
- R语言与多元线性回归方程及各种检验
- ORALCE 创建主键唯一约束同时也创建索引
- 判断数组类型的方法(Array.isArray)以及Math数字对象
- VC++多线程全面讲解
- 《算法笔记》(胡凡)day1-C语言与C++入门
- 用Python处理一些简单的数学问题的方法
热门文章
- Flask入门学习---Hello,Flask!
- TensorFlow的基本运算01-01
- Mysql show Status参数详解
- SQL Server的一个不显眼的功能 备份文件的分割
- p-unit - 单元级别开源性能测试框架
- NCBI 下载fna文件 human viral bacteria
- Python_note5 函数和代码复用+PyInstaller库+数码管绘制
- top_k问题python解
- 《统计学习方法》-李航、《机器学习-西瓜书》-周志华总结+Python代码连载(一)--模型选择+误差评估
- python实现一个抽象数据结构:栈