[Vue warn]: Error in callback for immediate watcher “typeOption“

最新推荐文章于 2024-04-01 10:22:36 发布
最新推荐文章于 2024-04-01 10:22:36 发布
阅读量6.7k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： BUG 文章标签： vue.js p2p wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/passWordEnterX/article/details/122254138

控制台报错但并不影响功能，为了美观我找了下原因：

[Vue warn]: Error in callback for immediate watcher "typeOption": "TypeError: Cannot read properties of undefined (reading 'forEach')" 

 

 

首先定义问题出在监听器

以下是部分代码

  

 

监听的是这个对象内数据的变化从而实时更新

重点来了

 初始化是先执行computed，再执行watch，methods不执行。当触发methods后，先执行methods，在执行watch。

 当页面刷新的时候watc会执行，但是由于我在监听的时候，对得到的newVal进行了遍历，但是可以看到data（）中定义的typeOption是一个空对象，里面没有属性可以对其遍历。typeOption我是在methods中给他赋值，是后添加的数据。

 解决办法：

    在data中对typeOption定义遍历所需空的属性

 

 这样watch在初始化加载执行的时候typeOption就是可以遍历的，好了问题解决

 

el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法
qq_37635012的博客
01-04 1413
最后在watch里监听指派类型切换的时候，将selectIndex改变，这样就改变了key。我们给el-cascader了一个类名disableFirstAndSecondLevel，然后style里写隐藏二级勾选框的样式，注意的是，如果这里有scoped可能会导致样式不生效，需要去掉scoped。：在cascader、select中选择了一条数据，再更换类型，没有这条数据了就会报错，watch监听重新渲染标注一下key就好了。包含级联cascader的options、select的option。
vue.runtime.esm.js:620 [Vue warn]: Error in created hook: “TypeError: this.initDeptTree(...) is not
qubes的专栏
02-20 1529
方法1：每个语句后面加分号，但是format会自动删掉非必要分号，保留最后一条语句的分号。当前方法initDeptTree和下一个语句拼接到了一起。控制台报错 死活说，不认识这个方法。方法2：修改后面的写法。
B站(云e办)SpringBoot实战练习的Sql文件、前端Vue源码、后端springboot源码
m0_54849806的博客
02-26 1199
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
Error in callback for immediate watcher “chartsData“: “Error: Initialize failed: invalid dom.“
最新发布
2301_80868127的博客
04-01 1840
在封装中推荐大家使用监听器来实现触发更新，这样会使你的效果最佳，也最保险，不会出现dom未生成的情况，我们通常会把一些可变的值传递给子组件，比如data，在data初始化还是空的时候我们就在编译父组件时进行了传递，子组件监听初次执行，但是不显示因为是空数据，当我们函数运行完，拿到了后台数据进行再次赋值，子组件的props同时更新，被监听到后就会再次触发渲染函数，echarts图表就正常显示了。函数在初始化时延时调用；
[Vue warn] Error in callback for immediate watcher “data“ “TypeError Cannot read property ‘reduce
m0_67391677的博客
03-06 1462
今天发现了一个报错提示，虽然不影响使用但还是看看怎么解决吧 [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 “options“: “TypeError:Cannot read properties of null (reading ‘level‘)
qq_45415736的博客
06-27 7699
原因是级联选择器el-cascader的属性options值在重新加载时赋值为空数组所导致。
Error in callback for immediate watcher “data“ “TypeError Cannot read properties of null
jiey0407的博客
02-26 5139
今天发现了一个错误提示，虽不影响数据输出，但终究是一个错误，我们就找找原因把他解决。 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="i
[Vue warn]: Error in callback for immediate watcher "fileList"
07-27
这个错误信息通常在使用Vue.js时出现，它表示在一个立即观察器（immediate watcher）的回调函数中发生了错误。立即观察器是在数据发生变化后立即执行的观察器。 要解决这个问题，你可以尝试以下几个步骤： 1. 检查...
[Vue warn]: Error in callback for immediate watcher "fileList": "TypeError: fileList.map is not a function"
07-27
这个错误提示表明在一个 Vue 组件的立即观察者回调函数中，出现了一个类型错误。具体来说，`fileList` 变量不是一个数组，无法调用 `map` 方法。 要解决这个问题，你可以先确保 `fileList` 是一个数组。你可以使用...
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报错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计算属性里面就解决了，也解决了控制台报错的问题。这个错误报得莫名其妙，既没告诉你具体位置，也没告诉你是哪里出错，页面和数据都能正常显示，于是我找啊找啊，终于知道是哪里的问题了。
elment树形出现的报错:Error in callback for watcher “data“: “TypeError: children.indexOf is not a function“
ferwagrea的博客
05-14 1594
如果出现下面报错,就是你的数据类型的问题 对你的数据加一个中括号（[]）就好了，原来的数据this.testJsonData=this.testJson.data;更改后 this.testJsonData=[this.testJson.data];就可以了
[Vue warn]: Error in callback for immediate watcher “formInline.projectSups“
qq_45791799的博客
12-04 6245
继上次监听了formInline里面的projectSup字段后，发现出了一个bug， Error in callback for immediate watcher “formInline.projectSups”: “TypeError: Cannot read property ‘filter’ of undefined” 大概可以知道是在watcher监听的时候报的错，但其实不影响使用，但这个飘红看着真的很难受。正当我百思不得其解的时候，发现了这个 所以刚开始进页面的时候会先执行watch，此
Error in callback for watcher "options": "TypeError: Cannot read property 'level' of null TypeError
小码蚁
11-18 2万+
弄了一个动态cascader级联选择器，发现切换数据源的时候报错，网上看到这个文章完美解决https://blog.csdn.net/weixin_43043994/article/details/100303097 问题怎么出现的上面文章写的很清楚，解决方法就是重新加载组件。两个方法一个加v-if,一个加key <template> <el-cascader ...
vue报[Vue warn]: You are using the runtime-only..........错误
anzhang110的博客
07-03 4265
错误原因分析1.错误截图定位出错位置原因分析解决方法方法一：方法二：方法三：方法四： 1.错误截图 使用命令 npm run serve 后，项目可正常启动，控制台未报错，可是在浏览器中输入地址访问时，发现页面空白，F12查看控制台发现输出如上错误警告。 定位出错位置 出错位置位于项目根目录下main.js文件中，代码如下： '''' ''' new Vue({ el: '#app', // store, router, components: { App }, template: '
vue.runtime.esm.js?Error in callback for watcher “value“: “Value should be trueValue or falseValue.
熟悉 vue2 vue3 jquery js echarts
08-06 3032
前端写项目的时候报这种错误怎么办 这是由于vue中的数据是双向绑定的，所以当这个属性清除掉了之后找不到该属性了，但是该值必须要有一个默认值，但是清除掉了之后就没有默认值了，所以就报错了，这个细节需要注意一下 就比如说 editformItem:{ CommonProblem:false, //启用 state:false, //通过 public_range:"", //可见范围
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值