Error:for nested data item, row-key is required.的解决方法

最新推荐文章于 2024-08-23 09:25:08 发布
最新推荐文章于 2024-08-23 09:25:08 发布
阅读量3.1w 收藏 4
点赞数 3
分类专栏： 前端 文章标签： vue javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39897978/article/details/104626820
版权

一、问题描述
遇到这个问题，首先跟着网上的教程更改，去掉package.json中的element-ui 版本号前面“^”,不行之后我以为是我的版本问题，换了版本之后，报的错误更多了，然后给<el-table>加上row-key:“id”,还是不行
部分重要代码是
这里的row
在这里插入图片描述
load函数
在这里插入图片描述
按理说这样就可以达到预期的效果但是问题是一直孩还在报错在这里插入图片描述
现在的界面
在这里插入图片描述
数据还是加载不出来

二、解决办法

row-key绑定的是字符串
在这里插入图片描述

加上haschild:true字段
在这里插入图片描述

问题解决
在这里插入图片描述
以上仅代表我的个人项目过程中遇到的问题，其他情况不知合不合适，只用于给自己长长记性！

3-3-nuxt.js实现 realworld-nuxtjs项目，同时学习部署在自己服务器上
cloveryuan的博客
09-21 1751
=》测试 -bui9bi NuxtJS 代码仓库地址：https://gitee.com/cloveryuan/realworld-nuxtjs 一、Nuxt.js是什么 一个基于Vue.js生态的第三方开源服务端渲染应用框架 它可以帮我们轻松的使用Vue.js技术栈构建同构应用 官网：https://zh.nuxtjs.org/ Github仓库：https://github.com/nuxt/nuxt.js 二、Nuxt.js的使用方式 初始化项目 已有的Node.js服务端项目 直接把N
ElementUI使用树形数据与懒加载形式展示数据Error: for nested data item, row-key is required. children: [{$ref: “…”}]
jesseXu的博客
04-21 1304
记一次使用vue+elementUI数据展示报错 使用elementUI展示table时，使用树形数据与懒加载形式展示数据。 这里需要注意一下的是，elementUI版本尽量高一点，否则可能不显示。我公司的elementUI版本就是太低了，最后我换了高版本才搞定的。使用过程就不说了，按照官网提示就可以了。 但是晚上让同事搞的时候，添加了一条数据，然后修改了数据，之后就不行了，前端就报错了，提示row-key是必须的。可是查看了前端是好的啊，所有配置都有，而且一直是可以运行的。查看了一下返回数据，也正常啊，标
element 树形表格报Error: for nested data item, row-key is required
海阔天空
08-23 1992
element树形表格报以上这个错，按网上的说法改 roke-key, 去掉element版本号前的^都不行，最后发现在每条数据里加上一个id属性就可以了，我数据本身没有id这个字段。
NestJS Dataloader 实践指南
最新发布
gitblog_00902的博客
08-23 312
NestJS Dataloader 实践指南 nestjs-dataloaderDataloader plugin for NestJS项目地址:https://gitcode.com/gh_mirrors/ne/nestjs-dataloader 项目介绍 NestJS Dataloader 是一个专门为基于 Nest.js 的应用程序设计的库，它利用了 Dataloader 的概念来实现高...
“Error: for nested data item, row-key is required.
热门推荐
manman的分享
08-04 1万+
问题： vue elementUI 开发树形可折叠表格时报错：Error: for nested data item, row-key is required. 解决方法：将`row-key="id"` 替换成 `row-key="areaId"`，tableData的id也换为`areaId`，总之就是tableData中的id名称与row-key的名称一致，个人猜想可能是`id`这个名字太常用了，引起的冲突
for nested data item, row-key is required.报错解决
你的阿迁
07-05 709
今天差点被一个不起眼的bug搞到吐，就是在给表格设置row-key的时候，一直设置不成功，一直报错缺少row-key，一共就那两行代码 实在是找不到还存在什么问题... 先看下报错截图...测试的过程中 给children里面的数据也加上了id 这时候页面已经出现了一些反应... 然后就考虑是不是这个参数的问题... 随便写了个参数 问题解决...看下代码 我在展开行里面用到了一个表格 并且存放表格数据用的参数是children 怎么也没想到问题能出在这种地方！
Error: if there's nested data, rowKey is required.
Lawless
03-10 865
错误信息截图： 在网上搜到的解决方法： 在el-table中添加row-key属性： 去掉^符号 既然能搜到这两种解决办法，证明肯定有用 但对我的代码来说，还是报错 最后在引用CDN资源链接地址处发现了问题： 版本号的问题 最终：bug消除 ...
VUE Error:if there's nested data,rowKey is required错误
孤风枣枣的博客
04-18 1万+
Error:if there's nested data,rowKey is required错误原因分析Error:if there's nested data,rowKey is required Error:if there’s nested data,rowKey is required 原因是element-ui的版本问题，项目中package.json中版本信息如下 "depend...
vue.min.js:6 Error: if there‘s nested data, rowKey is required. 解决办法
dw将限制条件全部检测通过后才能提交表单
11-09 320
vue.min.js:6 Error: if there‘s nested data, rowKey is required. 解决办法
<van-row v-for="item in checkAry" :key="item.T$SCNO">
07-27
- *2* *3* [“Error: for nested data item, row-key is required.](https://blog.csdn.net/manmanwei/article/details/107792251)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
深入理解Linux内核第3版--笔记-3.pdf
u011961033的专栏
10-16 751
Chapter 12. The Virtual Filesystem    five standard Unix file:       1:regular files,2.directories,3.symbolic links,4.Device files,5. pipes    12.1. The Role of the Virtual Filesystem (VFS)     Fi...
Vue 官方笔记--组件
小菜的博客
07-24 2948
中文版(英文浓缩) 组件是什么？ 组件：具有预定义选项的实例 组件是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用 通过 prop ，我们可以实现父子组件之间的解耦，有了属性，子组件中就可以使用更为复杂的模板和逻辑，比如如下 <!-- 复制到 html 中可以直接运行哦，看看是什么结果吧 --> <div id="main"> <ol> <!-- 子组件 --> <todo-item v-for=
12C ORA 错误汇总4 ORA 02140 to ORA 04099
ugghhj的博客
11-08 3231
12C ORA 错误汇总4 ORA 02140 to ORA 04099
vue打包上线报错“Error: if there’s nested data, rowKey is required.”
qq_45074822的博客
04-28 1156
使用Element-UI组件库el_table的扩展列时，开发阶段没有任何问题，项目打包运行后console报错： 意思是如果存在嵌套数据，则需要rowKey。Element-UI 2.7.0需要在el-table标签中新增row-key字段，使用树结构时，数据里面需要有id，属性row-key是必填的。 方法一 根据文档进行修改，在<el-table>中加入属性row-key="i...
Error:if there‘s nested data,rowKey is required错误
亚洲的博客
12-07 921
VUE Error:if there’s nested data,rowKey is required错误 如果你在运行你的项目的时候发现控制台打印：Error:if there's nested data,rowKey is required错误的时候 是因为在你的项目中，有个package.json文件，文件中有个"element-ui":"^2.4.8"默认使用最低版本，所以才会报错 解决方法： 1、去掉 ^ 符号，如果没有"element-ui":"^2.4.8",手动添加即可 2、保持版本样
vue打包上线时报错“Error: if there’s nested data, rowKey is required.”
ZhiAng99的博客
10-19 165
出现这个的原因时你element-ui版本太高 有一个 一劳永逸的方法 就是在index.html中 讲element-ui的版本号手动降低即可
VUE Error:if there‘s nested data, rowKey is required.（如果有嵌套数据，则需要行键。）
MoXiao_Z的博客
07-13 1062
VUE Error:if there’s nested data, rowKey is required.（如果有嵌套数据，则需要行键。） 原因 原因是element-ui的版本问题，项目中package.json中版本信息如下 “dependencies”: { “@stomp/stompjs”: “^4.0.8”, “axios”: “^0.18.0”, “echarts”: “^4.1.0”, “element-ui”: “^2.4.8”, “js-cookie”: “^2.2.0”, “local
if there‘s nested data, rowKey is required
weixin_44134588的博客
10-12 166
项目经过cdn优化后报错:if there’s nested data, rowKey is required 在网上查了查这个问题,最终发现是public/index.html引入element-ui样式表文件时,element-ui的版本号和 package.json中安装的版本不同,修改一致后问题解决了 ...
VUE table 报错 if there‘s nested data, rowKey is required
zxcxixixi的博客
10-28 315
看了下网上的解决方案都是说数据存在递归。但我的数据并不存在递归情况，想了半天原来有一个叫做haschildren的字段。虽然表格中没有用到但是VUE中的table组件自动判断了，可以看下是不是有相关类似字段的影响呢 ...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值