el-table树表格报错 Error in render: Maximum call stack size exceeded

问题描述

和后端联调树结构表格时，本来是好好的，后来突然出现：当点击表格中树结构展开的小箭头的时候，突然出现这样的报错：

Error in render: "RangeError: Maximum call stack size exceeded"

报错截图如下：

报错截图

原因

通过看看官方文档，得出原因如下：

使用树表格，需要指定row-key="id"，即给每一行数据绑定一个唯一身份标识id，但是id不能重复。若子节点和父节点id一样，就会导致树的递归函数出错，就会导致渲染错误，因为会一直递归，从而超过最大调用堆栈空间。所以一定要id不同，唯一身份标识一定要具有唯一性。

模拟代码

演示的话，直接复制粘贴即可

好记性不如烂笔头，记录一下吧