1、现象 有时候el-table的数据可能有成千上万条，而且又要在一页显示完，这时候页面渲染的dom太多了，可能会造成页面卡顿。 解决方案：给表格固定高度，只渲染用户在表格中滚动的视图dom 2、卡顿原因 因为数据量过多导致浏览器渲染过多的标签元素 导致DOM树占用内存较大 ...

https://github.com/livelyPeng/pl-table http://www.umyui.com/umycomponent/intro https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start ...

背景 1.现需要呈现一个表格，有近500行，30多列，使用vue+elementUI呈现。这个数据量不算大，但可能列数比较多，渲染时速度很慢，滚动会有卡顿，使用体验不佳。但并不想做分页处理，想要尽可能接近excel的呈现。 2.做了分页处理每页也有200行数据30多列 滚动会有卡顿、多选、单选 ...

原因:页面是20条数据, 而且是合并单元格(里面两次循环). 接口返回的很快, 但是items数据比较庞大300-2000条,. 合并单元格之前需要循环处理数据, 导致页面除了table外的其他地方也比较卡. 尝试:试过网上其他的但是都不凑效, <pl-table>是很流畅 ...

http://developer.51cto.com/art/201504/473422.htm ...

问题情景：　　iview中的select组件数据多达几千几万条的时候，页面及输入框出现明显的卡顿，一个弹框的显示隐藏要几秒才能反应过来，输入框也是输入的文字几秒才能显示出来。 解决方法：　　原理：既然是由于select组件数据过多导致页面渲染卡顿，那么解决方法自然是减少select组件数据 ...

　　但是users被定义成了 users : {} ，应改为 users: [] ...

解决方法 使用.lazy修饰符 使用.lazy的修饰符可以取消v-model的双向绑定，避免输入改变增加队列造成卡顿 注意：el-input底层代码会将文本框用div包裹，所以直接在el-input中使用.lazy修饰符是不成功的 网上找的方法，用组件的形式引入（未能解决） ...