elment树形出现的报错:Error in callback for watcher “data“: “TypeError: children.indexOf is not a function“

pink味的草莓

已于 2022-05-14 15:51:00 修改

阅读量1.4k

点赞数 5

文章标签： vue.js javascript 前端

于 2022-05-14 15:49:07 首次发布

本文链接：https://blog.csdn.net/ferwagrea/article/details/124769276

版权

如果出现下面报错,就是你的数据类型的问题

对你的数据加一个中括号（[]）就好了，原来的数据this.testJsonData=this.testJson.data;更改后

this.testJsonData=[this.testJson.data];就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

pink味的草莓

关注关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法

qq_37635012的博客

01-04

1092

最后在watch里监听指派类型切换的时候，将selectIndex改变，这样就改变了key。我们给el-cascader了一个类名disableFirstAndSecondLevel，然后style里写隐藏二级勾选框的样式，注意的是，如果这里有scoped可能会导致样式不生效，需要去掉scoped。：在cascader、select中选择了一条数据，再更换类型，没有这条数据了就会报错，watch监听重新渲染标注一下key就好了。包含级联cascader的options、select的option。

Error in callback for watcher “value“: “TypeError: Cannot read property ‘repalce‘ of null“

热门推荐

qq_40668646的博客

12-18

1万+

vue空页面value空值问题在页面后台中，输出了Error in callback for watcher “value”: "TypeError: Cannot read property ‘level’ of null"这样的错误，看了网上的一些博客，个人认为就是在input输入框中，当第一次输入，未保存数据之前，接口返回的数据基本都是null，所以可能是会报这个错误解决办法 <u-form-item :label-position="labelPosition" label="出版物种类

参与评论您还未登录，请先登录后发表或查看评论

B站(云e办)SpringBoot实战练习的Sql文件、前端Vue源码、后端springboot源码

m0_54849806的博客

02-26

1088

B站SpringBoot实战练习的资源 1. Sql下载地址： 2. 前端源码下载地址： 3. 后端源码下载地址资源来源——网络资源搜索！github开源项目练习！ 1. Sql下载地址：链接：点击我下载sql文件提取码：yeb7 2. 前端源码下载地址：链接：点我下载前端代码提取码：yeb7 3. 后端源码下载地址链接：点我下载前端代码提取码：yeb7 如需在线api文档请联系 qq： 87395809, 表明来意总结写到这里也结束了，在文章最后放上一个小小的福利，以下为小编自

Error in callback for watcher "data": "TypeError: children.indexOf is not a function" found in

qq_27628085的博客

02-27

4823

关于Error in callback for watcher “data”: "TypeError: data.indexOf is not a function"的错误说明原因：显示需要数组包含对象的形式，每个对象是一行数据，拿到的数据格式不对。错误例子：从后台获取数据res.data,显示在树中。数据，且都为空。报三个错，如下：经过打印res.data之后...

在使用element的表格树形结构时候报错：[Vue warn]: Error in callback for watcher “data”: “Error: if there‘s nested da

blog-xiaoh的博客

05-25

5268

在使用element的表格树形结构时候报错：[Vue warn]: Error in render: ”Error: for nested data item, row-key is required.“ 看到了网上好多都觉得是版本是问题，我自己试过了可以通过row-key的值来修复的下面是我使用的版本如果后段的返回数据是这样的 row-key="id" 改为 row-key="cat_id" 就是row-key绑定的数据指定一个存在的ID就可以了，实际解决本人问题后写的文章，希望能解决大家的问题，一

造成 Uncaught TypeError: this.$children[0].xxx is not a function 错误的原因之一

qq_42490671的博客

12-14

2836

场景：父组件用$children调用子组件的showMessage方法时，控制台报错，显示showMessage不是一个方法 // 定义一个子组件 components: { cpn: { template: "#cpn" }, //这里是错误的 methods: { s

Uncaught TypeError: route.children.some is not a function

qq_44171586的博客

03-18

996

项目场景： vue项目嵌套路由问题描述控制台报错：Uncaught TypeError: route.children.some is not a function 原因分析：开始判断some有可能被重写，于是全文检索并没有猜测children 子路由并有可能不是一个正常的数组，后面发现写成了{} 解决方案：将children子路由改成正常数组[] 嘿嘿，搞定 ...

Error in callback for watcher "required": "TypeError: Cannot read properties of undefined (reading 'indexOf')"

最新发布

12-21

根据提供的引用内容，错误信息是"Error in callback for watcher "required": "TypeError: Cannot read properties of undefined (reading 'indexOf')"。这个错误通常发生在JavaScript代码中，当尝试读取一个未定义...

使用element-ui组件库中的el-table时报错 Invalid prop: type check failed for prop “data“. Expected Array, got

qq_44670001的博客

01-02

1647

使用 Table组件报错 Invalid prop: type check failed for prop “data”. Expected Array, got Object Error in callback for immediate watcher “data”: “TypeError: data.indexOf is not a function” data.indexOf is not a function data.reduce is not a function Error in mou

vue.runtime.esm.js2b0e619 [Vue warn] Error in render “TypeError Cannot read property ‘matched‘

m0_67402236的博客

03-09

2766

错误截图踩坑原因在配置vue-router的路由时和将router实例挂载至Vue实例上时，实例名称没有按照标准配置vue时在配置vue-router时，我们一般会将路由的映射关系抽成一个数组，就想下面这样 const routes = [{ path: '', redirect: '/home' }, { path: '/home', component: Home }, { path: '/category', component

ztree node.children is not a function(Fuzzy Search)问题总结

nann-viiv 的博客

09-16

1713

最近使用ztree来完成树结构，真的超级超级好用，唯一就是卡在了模糊查询这个位置，上一下问题异常：找了好久，我确定已经引入exhide.js。错误信息提示：在调用showNodes时发生异常，看一下官方文档：对比一下我的引入：完全没有问题，看一下demo中执行成功的引用： ok，找到问题了，官方引用的是jquery.ztree.core.js，我引用的是jquery.ztree.all.min.js，官网中有写 all.js包括core.js，但是不知道为什么，如果引用all.js+exhi

JS报错 XXX.includes is not a function

fynzhy的博客

04-25

3559

.includes()，promise，await，async

【bug】Error in callback for watcher “xxx“: “Cannot read propertiesof undefined (reading ‘indexOf‘)“

花椒和蕊的博客

06-13

3444

报错很多时候还是自己比较粗心主要是filterNode，筛选节点的方法里，名字和代码的字段写错了从其他页面复制过来的时候忘记改了报错说的是watcher监听有问题，就一直在watch里找问题，把筛选字段改成正确的之后就可以筛选了...

elementUI el-tree组件的filter报错Error in callback for watcher “xxx“: “TypeError: x is not a function

欢迎来到iceseasyh的博客

11-21

3402

elementUI el-tree组件的filter报错Error in callback for watcher "xxx": "TypeError: x is not a function的解决办法

Vue3报错

AquariusWang的博客

03-31

7451

意思就是说，类型错误，data这个数据没有includes这个方法，就是data我们传过来肯定不是一个数组，仔细检查了一下data这个数据，就是我本来应该传过去一个数组，我给写成了一个对象。要学会看报错信息，TypeError:data.includes is not a function。刚开始在查是不是哪里有的date.includes写错了，没查到。

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

jiey0407的博客

03-03

8575

今天发现了一个错误提示，虽不影响数据输出，但终究是一个错误，我们就找找原因把他解决。 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报错：Error in callback for watcher “options“: “TypeError: Cannot read propertie ‘level‘ of null

qq_33911541的博客

05-09

2854

vue报错：Error in callback for watcher "options": "TypeError: Cannot read propertie 'level' of null

Error in callback for watcher “options“: “TypeError: Cannot read property ‘level‘ of null“

weixin_38547641的博客

06-22

3724

使用element-ui里面的级联选择器el-cascader报错Error in callback for watcher "options": "TypeError: Cannot read property 'level' of null" 解决方法： 1 加v-if, options是你的数据源 <el-cascader v-if="options.length" " v-model="problemIds" :options="options" :props="cascaderPros"

el-tree不能拖拽 Error in event handler for “tree-node-drag-start“: “TypeError: Cannot read property ‘i

qq_41895021的博客

04-07

2725

在使用el-tree 的拖拽时看了官方文档，就直接搬过来用了 <el-tree :data="data" node-key="id" default-expand-all @node-drag-start="handleDragStart" @node-drag-enter="handleDragEnter" @node-drag-leave="handleDragLeave" @node-drag-over="handleDragOver" @node-drag

Error in callback for watcher "value": "TypeError: this.forest.selectedNodeIds.forEach is not a function"

07-27

根据引用\[1\]中的错误信息，错误是在watcher的回调函数中出现的，具体错误是"TypeError: Cannot read properties of undefined (reading 'apply')"。根据引用\[2\]中的报错信息，可能是由于箭头函数引起的this指向问题。然而，根据引用\[3\]中的建议，你可以检查后台接口返回的数据是否为null，如果是null的话，需要将其改为''。所以，根据你提供的错误信息，可能是在watcher的回调函数中使用了forEach方法，但是this.forest.selectedNodeIds不是一个函数。你可以检查一下this.forest.selectedNodeIds的值是否正确，并确保它是一个数组。 #### 引用[.reference_title] - *1* [vue watch报错：Error in callback for watcher “xxx“: “TypeError: Cannot read properties of ...](https://blog.csdn.net/qq_45327886/article/details/126435710)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vue中watch的报错处理Error in callback for watcher “playing_list“:**](https://blog.csdn.net/sinat_36359516/article/details/119755097)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Error in callback for watcher “value“: “TypeError: Cannot read property ‘repalce‘ of null](https://blog.csdn.net/qq_40668646/article/details/111386945)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]