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可分页多选功能-记住上一页勾选数据