前言
统计数据列表页,点击每行可以展开,因为数据量大,设计时后端考虑每次点击动态拉取该行对应的详情数据。但:
坑 使用全局变量存储每一行的详情数据
默认可以展开多行,此时发现内容都一样!!!!
方案1 控制只展开一行
可行,但代码意义不大,曲线救国而已,废弃
方案2 每行对应一个数据集
可行,从根本上解决问题
坑 首次展开无数据
statVul(p).then(resp=>{
this.myData[this.myData.indexOf(row)].detail=resp.data.res})
原因是,展开行时,动态获取详情数据,并给绑定的列表中的对象添加detail属性,首次展开居然数据还是空,后面再次点击才正常展示。
方案 后端返回列表数据时,先每行数据先返回detail:[]占位
前端一行代码无需改动,即可生效。