当前位置: 首页 > Web前端 > vue.js

ElementUI中表格组件show-summary不生效的问题

时间:2023-03-31 18:46:35 vue.js

1、后台给我的数据格式如下:"data":[{"code":"\"xiaoxue\"","name":"\"PrimarySchool\"","question":{"entryCount":1000,"processCount":1000,"reviewCount":1000,"publishCount":1000},...]发现在表格组件中遍历数据时,将数据写为props:'question.entryCount'有时候el-table中添加show-summary属性后,最后一行无法进行求和,Baga!尝试使用summary-method自定义total方法是没有用的。最后,我想处理数据。2.//展平对象。将question.entryCount从数组改为questionentryCount并添加到外层。FlattenObj(obj){constresult={}constprocess=(key,value)=>{//先判断是基本数据类型还是引用数据类型if(Object(value)!==value){//基本数据类型if(key){result[key]=value}}elseif(Array.isArray(value)){for(leti=0;i{//process(key?`${key}.${item}`:`${item}`,value[item])process(key?`${key}${item}`:`${item}`,value[item])})if(objArr.length===0&&key){result[key]={}}}}process('',obj)returnresult}