elementui中的table表格进行分页切换的时候页面卡顿

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui中的table表格进行分页切换的时候页面卡顿相关的知识,希望对你有一定的参考价值。

参考技术A 分页,让后端添加分页查询,以节点数统计数据条数进行展示。(但实际需求中较少,一般树形表格都是不分页)。
2.
将请求到的树形数组数据备份(tableDataCopy),初始化仅仅展示指定层级(如第一层树)的数据,将第一层下面的所有的children全部置为null,并记录存在children

elementui el-table根据分页显示表格序号

每页显示的序号都是一样的:

<el-table :data="tableData" highlight-current-row @current-change="handleCurrentChange">
<el-table-column
type="index"
width="50">
</el-table-column>
<el-table>

根据分页显示序号:
当前点击的页码: currentPage
每页显示的数量: pageSize

<el-table :data="tableData" border>
<el-table-column label="序号" align="center" width="70">
<template scope="scope"><span>scope.$index+(currentPage - 1) * pageSize + 1 </span></template>
</el-table-column>
<el-table>

以上是关于elementui中的table表格进行分页切换的时候页面卡顿的主要内容,如果未能解决你的问题,请参考以下文章

element-ui中的table可分页多选功能-记住上一页勾选数据

vue+ElementUI——表格分页(前端实现方法)

elementUI表格数据复选框回显

elementui el-table根据分页显示表格序号

table大量数据无分页- virtualizedtableforantd

elementui table表格后端分页 ,改变pagesize或者改变page扔保持复选框状态