共计 873 个字符,预计需要花费 3 分钟才能阅读完成。
一、
后端给我的数据是上面这种格局:"data": [
{
"code": "\"xiaoxue\"","name":"\"小学 \"",
"question": {
"entryCount": 1000,
"processCount": 1000,
"reviewCount": 1000,
"publishCount": 1000
},...]
发现在 table 组件里进行遍历 data 的时候,当数据写成 props:’question.entryCount’ 的时候,在 el-table 里增加 show-summary 属性后,在最初一行无奈进行共计,巴嘎!
尝试应用 summary-method 自定义共计办法也无用,最初想解决下数据
二、
// 扁平化对象将数组中 question.entryCount 提出来改为 questionentryCount 增加到外层就能够失常共计了
flattenObj(obj) {const result = {}
const process = (key, value) => {
// 首先判断是根底数据类型还是援用数据类型
if (Object(value) !== value) {
// 根底数据类型
if (key) {result[key] = value
}
} else if (Array.isArray(value)) {for (let i = 0; i < value.length; i++) {process(`${key}[${i}]`, value[i])
}
if (value.length === 0) {result[key] = []}
} else {
// 逻辑在此
const objArr = Object.keys(value)
objArr.forEach(item => {// process(key ? `${key}.${item}` : `${item}`, value[item])
process(key ? `${key}${item}` : `${item}`, value[item])
})
if (objArr.length === 0 && key) {result[key] = {}}
}
}
process('', obj)
return result
}
正文完