Error in callback for immediate watcher “data“ “TypeError Cannot read properties of null

最新推荐文章于 2024-04-01 10:22:36 发布
最新推荐文章于 2024-04-01 10:22:36 发布
阅读量1w 收藏 1
点赞数 4
分类专栏： 前端 html 面试 文章标签： vue.js elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46416934/article/details/123052920
版权
面试 同时被 3 个专栏收录
198 篇文章 30 订阅
订阅专栏
前端
44 篇文章 4 订阅
订阅专栏
html
44 篇文章 2 订阅
订阅专栏

今天发现了一个错误提示，虽不影响数据输出，但终究是一个错误，我们就找找原因把他解决。

vue.runtime.esm.js2b0e:619 [Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read properties of null (reading ‘reduce’)”

翻译结果：

立即观察者“数据”的回调错误：“类型错误：无法读取 null 的属性

经过筛查，我们发现去掉row-key="id"就不会报错，但我需要树形数据，必须要指定row-key。

后面就结合错误提示和翻译，去找找数据为null的地方，发现原来关于:data="tableData"中tableData数据格式默认不能定义null，我们将其改为[]就可以解决该问题。

，

xiaoweiwei99
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Event Dispatcher and callback list for C++.zip
01-05
Event Dispatcher and callback list for C++
Error in callback for immediate watcher “data“: “TypeError: Cannot read properties of null (reading
yy_demo的博客
11-30 748
在el-table标签上加了 :row-key="userId"，type="selection"行加了:reserve-selection="true"，但是出现了如图报错，原来是table绑定的初始数据不能为null，改为[]即可。我是按照elementUI的教程写的操作的，希望换页的时候之前选中的数据还是选中的状态不要因为换页取。
Error in callback for immediate watcher “chartsData“: “Error: Initialize failed: invalid dom.“
最新发布
2301_80868127的博客
04-01 517
在封装中推荐大家使用监听器来实现触发更新，这样会使你的效果最佳，也最保险，不会出现dom未生成的情况，我们通常会把一些可变的值传递给子组件，比如data，在data初始化还是空的时候我们就在编译父组件时进行了传递，子组件监听初次执行，但是不显示因为是空数据，当我们函数运行完，拿到了后台数据进行再次赋值，子组件的props同时更新，被监听到后就会再次触发渲染函数，echarts图表就正常显示了。函数在初始化时延时调用；
简单实现Vue的observer和watcher
11-28
非庖丁瞎解牛系列～ ＝。＝ 在日常项目开发的时候，我们将js对象传给vue实例中的data选项，来作为其更新视图的基础，事实上是vue将会遍历它的属性，用Object.defineProperty 设置它们的 get/set，从而让 data 的属性能够响应数据变化： Object.defineProperty(obj, name, { // 获取值的时候先置入vm的_data属性对象中 get() { // 赋值的时候显示的特性 }, set() { // 值变化的时候可以做点什么 } }) 接下来可以利用其实现一个最简单的watcher.既然要绑定数据执行回调函数，
B站(云e办)SpringBoot实战练习的Sql文件、前端Vue源码、后端springboot源码
m0_54849806的博客
02-26 1021
B站SpringBoot实战练习的资源 1. Sql下载地址： 2. 前端源码下载地址： 3. 后端源码下载地址 资源来源——网络资源搜索！github开源项目练习！ 1. Sql下载地址： 链接：点击我下载sql文件 提取码：yeb7 2. 前端源码下载地址： 链接：点我下载前端代码 提取码：yeb7 3. 后端源码下载地址 链接：点我下载前端代码 提取码：yeb7 如需在线api文档请联系 qq： 87395809, 表明来意 总结 写到这里也结束了，在文章最后放上一个小小的福利，以下为小编自
[Vue warn]: Error in callback for immediate watcher “data“: “TypeError: Cannot read property ‘reduce
织网的博客
02-08 1万+
[Vue warn]: Error in callback for immediate watcher "data": "TypeError: Cannot read property 'reduce' of null" 这个错误是el-table的data绑定的值为null造成的，只要把绑定的值赋值为数组就可以解决了。 仔细检查el-table的data绑定的值在哪里被赋值为null,比如说初始化的时候items:""而不是items:[],这样就会报这种错，或者是中途哪里隐式地赋值为null
element table Error in callback for watcher “data“: “TypeError: Cannot read properties of null (read
qubes的专栏
04-19 2909
从提示看，应该是 element table 遍历列表数据 data 引发的。原因1：list初始化数据是 null 导致。原因2：后台接口返回 null 未处理导致。方案2：后台接口调整，无数据时，返回 []列表页面，前后端联调接口，发现控制台报错。方案1：list初始化改为 []
[VUE WARN]: ERROR IN CALLBACK FOR WATCHER “data“，监听数据时报错
weixin_48986139的博客
09-30 7148
关于报错 [VUE WARN]: ERROR IN CALLBACK FOR WATCHER “data”，“TypeError: Cannot read properties of null (reading ‘xxxxxxx’)” 含义 这个错误是你监听data时方法里的值为null，造成调用xxxxxxx时导致报错, 解决办法 一般可以在调用方法前，确保它存在，例如下图： @Watch('data') 你的监听函数的名(newVal){ this.$nextTick(()=>{
解决Vue报错Error in callback for immediate watcher “height“: “TypeError: Cannot read properties of
m0_59360516的博客
11-23 1万+
vue是先拿到data里面的数据，再去执行created和mounted里面的函数，而我把height赋值为空了，当vue拿到data里面的数据时，为空，所以就会报错，后面再执行mounted里面的高度计算方法时，也只是给height赋值。优化后的方法，两步就搞定了，不需要在data里面声明了，把高度计算的函数放在computed计算属性里面就解决了，也解决了控制台报错的问题。这个错误报得莫名其妙，既没告诉你具体位置，也没告诉你是哪里出错，页面和数据都能正常显示，于是我找啊找啊，终于知道是哪里的问题了。
Error in callback for immediate watcher “data“: “TypeError: Cannot read properties of null
让梦想疯狂
12-14 2万+
今天发现了一个错误提示，虽然不影响数据输出，但终究是一个错误，我们就找找原因把他解决。 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback for immediate watcher "data": "TypeError: Cannot read properties of null (reading 'reduce')" 翻译结果： 立即观察者“数据”的回调错误：“类型错误：无法读取 null 的属性 经过筛查，我们发现去掉ro.
jquery load事件(callback/data)使用方法及注意事项
12-04
如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。...调用load方法的完整格式是：load( url, [data], [callback] ), 其中: •url：是指要导入文件的地址。 •data：可选参数；因为Load
node.js中的fs.read方法使用说明
01-01
方法说明： ...fs.read(fd,buffer,offset,length,position,[callback(err,bytesRead,buffer)]) 由于该方法属于fs模块，使用前需要引入fs模块（var fs= require(“fs”) ） 接收参数： fs 文件描述符 bu
[Vue warn] Error in callback for immediate watcher “data“ “TypeError Cannot read property ‘reduce
m0_67391677的博客
03-06 1272
今天发现了一个报错提示，虽然不影响使用但还是看看怎么解决吧 [Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read property ‘reduce’ of null” vue.runtime.esm.js:1888 TypeError: Cannot read property ‘reduce’ of null 一开始以为是不是缺少reduce字段，后面全局搜都没看到有地方用到了reduce，
Error in callback for watcher “data“:“type error :cannot read properties of null (reading ‘reduce‘)“
babyrita的博客
04-07 447
发现是elementui的table 组件，绑定的data数据，没有判断请求是否为200，就直接赋值了，这样就导致接口500的时候，拿不到data,给table赋值的是null。接口请求的接口，判断是否200，是的时候再赋值。新加入的项目，莫名报错。
vue+ts 报错TypeError: Cannot read property 'extend' of undefined
落叶、等秋风
03-09 1万+
原来是忘记加@Component 导致一系列错误： 找了半天，加上就好了：
[Vue warn]: Error in callback for immediate watcher “formInline.projectSups“
qq_45791799的博客
12-04 5289
继上次监听了formInline里面的projectSup字段后，发现出了一个bug， Error in callback for immediate watcher “formInline.projectSups”: “TypeError: Cannot read property ‘filter’ of undefined” 大概可以知道是在watcher监听的时候报的错，但其实不影响使用，但这个飘红看着真的很难受。正当我百思不得其解的时候，发现了这个 所以刚开始进页面的时候会先执行watch，此
vue报错 Error in callback for immediate watcher "height": "TypeError: Cannot read property 'style' of
rsancy-BK
11-27 3万+
vue报错vue.esm.js?eaf6:628 [Vue warn]: Error in callback for immediate watcher "height": "TypeError: Cannot read property 'style' of undefined" TypeError: Cannot read property 'style' of undefined 如下：...
vue watch报错：Error in callback for watcher “xxx“: “TypeError: Cannot read properties of undefined ...
热门推荐
qq_45327886的博客
08-20 4万+
Error in callback for watcher "flowCategory": "TypeError: Cannot read properties of undefined (reading 'apply')" watch监听报错
Error in callback for immediate watcher "videoProp": "TypeError: Cannot read properties of null (reading 'currentTime')"
07-28
错误消息表明无法读取 null 对象的 'currentTime' 属性。这可能意味着在回调函数中， 'videoProp' 对象的值为 null。要解决这个问题，你可以检查代码中与 'videoProp' 相关的部分，确保在使用 'videoProp' 之前进行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值