前端学习:elementUI树形表格-初始数据无唯一参数时增加数据+展开与收缩等问题

项目场景：

在实习的时候,需要在表格中原有数据的基础上新增二级内容,这个时候就用到了elementUI的树形表格了,

---

问题描述：

1. 后端数据没有唯一的key或者是id
2. 点击增加会自动展开当前行

---

原因分析：

以下对应上面的问题:

1. 但是有个问题就是,后端返回的数据仅仅是数据,并没有存有一个唯一的key或者说id去设置表格的row-key,这时候需要我们去生成一个唯一的id或者说key, 主要是因为这是从Excel中获取数据 此时后端还未储存数据,并没有保存在数据库,仅仅是在前端做了操作;
2. 表格点击新增后,会有展开的动作,但是我们新增后,不会展开当前行;

---

解决方案：

以下对应上面的问题:

1. 没有唯一的id的时候,需要我们去手动生成,

   //生成唯一ID
   function guid() {
        
       return Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
   }
   

   参考:参考地址
   这个时候需要在获取到数据后进行遍历,然后将我们的id加上去了

   list.forEach((item,index)=>{
        
     item.id