element-UI展开行expand动态加载数据时遇到的坑-展开多行数据相同

前言

统计数据列表页，点击每行可以展开，因为数据量大，设计时后端考虑每次点击动态拉取该行对应的详情数据。但：

坑 使用全局变量存储每一行的详情数据

默认可以展开多行，此时发现内容都一样！！！！

方案1 控制只展开一行

可行，但代码意义不大，曲线救国而已，废弃

方案2 每行对应一个数据集

可行，从根本上解决问题

坑 首次展开无数据

statVul(p).then(resp=>{
            this.myData[this.myData.indexOf(row)].detail=resp.data.res})

原因是，展开行时，动态获取详情数据，并给绑定的列表中的对象添加detail属性，首次展开居然数据还是空，后面再次点击才正常展示。

方案 后端返回列表数据时，先每行数据先返回detail:[]占位

前端一行代码无需改动，即可生效。