vue 大数据 渲染_electron中vue，table渲染大量数据卡顿

在这个electron项目里，使用element-ui中的el-table渲染了很多数据(大于100条，每条中输入框不小于10个)，造成了 输入时十分卡顿，内存占用达到了100M，需求方又不想分页，只能寻求折中的方案。

该方案内置了el-table，也就是说你可以不用使用element-ui也是可以用的。

首先安装pl-table

npm i pl-table

main.js中

import plTable from 'pl-table'

import 'pl-table/themes/index.css'

Vue.use(plTable)

这里写一下我的pl-table使用时候的配置:

ref="plTable"

:datas="showTableData"

:row-height="65"

:pt-total="filterTableData.length"

:page-size="pageSize"

:excess-rows="1"

:height-change="false"

:current-page="currentPage"

:page-sizes="[100, 200, 300, 400, 500]"

no-data-height="calc(100vh - 154px)"

auto-resize

use-virtual