一、具体问题
目前项目导入数据后一次性渲染到表格里,不经过处理导入大量数据输入框输入异常卡顿
二、具体解决方法如下
虚拟滚动的方案
当为vxe-table设置了height和max-height属性时,该容器会启用虚拟渲染的机制。这种机制的触发规则是由scroll-x和scroll-y属性来控制的。
<vxe-table
border
resizable
show-overflow
keep-source
:edit-rules="rules"
:data="dataList"
v-loading="loading"
style="margin-top: 20px"
height='400'
@checkbox-change="handleRowClick"
@checkbox-all="handleCheckboxAll"
class="checkbox-table"
ref="dataList"
:scroll-y="{enabled: true}"