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

一、

后端给我的数据是上面这种格局:
"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
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理