for nested data item, row-key is required.报错解决

今天差点被一个不起眼的bug搞到吐,就是在给表格设置row-key的时候,一直设置不成功,一直报错缺少row-key,一共就那两行代码 实在是找不到还存在什么问题... 先看下报错截图...

看下代码 我在展开行里面用到了一个表格 并且存放表格数据用的参数是children 怎么也没想到问题能出在这种地方!!! 接着往下看...

javascript 复制代码
<el-table-column type="expand" key="expand">
        <template v-slot="{ row }">
             <!-- 内层表格 -->
			 <el-table
				:data="row.children"
				class="innerTable"
				style="width: 100%"
				:header-cell-style="{
	    		'text-align': 'center', background: '#f6f7fb', color: '#515a6e',}"
                :cell-style="{ textAlign: 'center' }"
                @selection-change="handlerSelectChange($event, row)"
					>

测试的过程中 给children里面的数据也加上了id 这时候页面已经出现了一些反应... 然后就考虑是不是这个参数的问题... 随便写了个参数 问题解决...

javascript 复制代码
<el-table-column type="expand" key="expand">
        <template v-slot="{ row }">
             <!-- 内层表格 -->
			 <el-table
				:data="row.cList"
				class="innerTable"
				style="width: 100%"
				:header-cell-style="{
	    		'text-align': 'center', background: '#f6f7fb', color: '#515a6e',}"
                :cell-style="{ textAlign: 'center' }"
                @selection-change="handlerSelectChange($event, row)"
					>
相关推荐
惺忪979813 小时前
回调函数的概念
开发语言·前端·javascript
小二·13 小时前
从零开始:使用 Vue-ECharts 实现数据可视化图表功能
vue.js·信息可视化·echarts
前端 贾公子13 小时前
Element Plus组件v-loading在el-dialog组件上使用无效
前端·javascript·vue.js
天外飞雨道沧桑13 小时前
JS/CSS实现元素样式隔离
前端·javascript·css·人工智能·ai
程序00713 小时前
前端写一个密码登录,验证码登录,注册模板
前端
-曾牛13 小时前
从零到一:XSS靶场 haozi.me 全关卡通关教程(含冷知识汇总)
前端·网络安全·渗透测试·靶场·xss·攻略·靶场教程
qq_4198540514 小时前
自定义组件(移动端下拉多选)中使用 v-model
前端·javascript·vue.js
你的电影很有趣14 小时前
lesson74:Vue条件渲染与列表优化:v-if/v-show深度对比及v-for key最佳实践
前端·javascript·vue.js
颜酱14 小时前
了解 Cypress 测试框架,给已有项目加上 Cypress 测试
前端·javascript·e2e
技术小丁14 小时前
uni-app 广告弹窗最佳实践:不扰民、可控制频次、含完整源码
前端·uni-app·1024程序员节