[修改]el-table 多级表头嵌套

1,204 阅读1分钟

需求: 第一层为标题层 第二层为内容层(第二层的label是固定写死的)
从后台拿到的数据是: Levels: "{"Level":"一级","Count":46429},{"Level":"三级","Count":150},{"Level":"二级","Count":362},{"Level":"四级","Count":89}" 或者 Levels: null
首先需要经后台传过来的数据转为字符串,再转化为数组,使el-table中循环显示数组的每一项,获取到值

const arryList = []
if (item.Levels) { //如果有 Levels才能转化为数组
item.Levels = JSON.parse([${item.Levels}]) // 模板字符串 ``将变量使用${}包裹起来,使其拼接为一个字符串,再使用JSON.parse转为字符串转为JSON对象
item.Levels.forEach(v => {
arryList[v.Level] = v
})
item.Levels = arryList
}

再使用中套入实现表头嵌套