关于vue.js:ElementUI中table组件中showsummary不生效问题

33次阅读

共计 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
}

正文完
 0