el-table返回行数

Posted 2023-04-22

参考技术A el-table区后台转换返回行数。根据查询相关信息显示：后台返回的数据是按列返回，而el-table渲染的数据是按行进行渲染的，需要将后台的数据进行一下转换，并且把某列的数据一样进行合并。初始值为0，合并行时用每行数据的下标取当前要合并的行数返回给eltable。

Vue -- element-ui el-table 点击tr项页面跳转，返回后缓存回显点击项

页面跳转反显

点击table tr项后，页面跳转到下级页面，返回回显搜索条件、当前页码、并将点击项select选中、滚动条也被记录回显跳转时滚动的位置

思路：

1. 页面临时缓存我选择使用sessionStorage，点击tr行将搜索条件和页码，点击行的id进行存储

data()
    return 
        
    

setSessionStore (name, content) 
                if (!name) return
                if (typeof content !== 'string') 
                content = JSON.stringify(content)
                
                window.sessionStorage.setItem(name, content)
            ,
            getSessionStore (name) 
                if (!name) return;
                var content = window.sessionStorage.getItem(name);
                if (typeof content == 'string') 
                    content = JSON.parse(content)
                
                return content;
            ,
            removeSessionStore (name) 
                if (!name) return
                return window.sessionStorage.removeItem(name)
            

1. 进入页面取出sessionStorage，在init请求返回值后，进行table选中、分页回显