vue el-table 渲染报错Avoid using non-primitive value as key, use string/number value instead.

项目中想给el-table添加单元格点击事件,对表格数据进行遍历改变对象的值为对象类型时,表格渲染报错。

vue el-table 渲染报错Avoid using non-primitive value as key, use string/number value instead._第1张图片

表格数据如下:

vue el-table 渲染报错Avoid using non-primitive value as key, use string/number value instead._第2张图片

 

对表格数据遍历如下

vue el-table 渲染报错Avoid using non-primitive value as key, use string/number value instead._第3张图片 

问题1,2如下图圈出

vue el-table 渲染报错Avoid using non-primitive value as key, use string/number value instead._第4张图片 

 把el-table里的row-key改为id.value

v-model改为scope.row.data.value

这个报错信息我至少寻找的2小时,网上找的答案大多都是讲是v-for里的key出现了问题,我排查了v-for的key值没有问题之后,根据一些经验找到了这两个问题,记录一下。

你可能感兴趣的:(javascript,vue,elementui)