解决el-select后台一次返回大数据量渲染慢导致页面卡顿的问题

场景一  解决了一次性渲染大量数据问题

业务场景是后台一次返回10万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我把这个改造了一下,直接上代码, 里面注释写的很清楚了就不解释了.





解决el-select后台一次返回大数据量渲染慢导致页面卡顿的问题_第1张图片

场景二   10万条数据客户不可能一直滚动下去找自己想要数据,这时候就需要搜索解决

下面代码没有用el-select搜索是因为在使用过程中发现模糊查询不能满足自己,所以自己就写了一个input框,使用watch监听,详情见代码





文章写至此数据量大的问题已经基本解决,在写的过程中突然觉得,slice方法还是怪怪的, 这里还可以用别的方法,关于slice方法就写到这里了.

 

爱分享,爱生活,

加油!!!!

 

 

你可能感兴趣的:(elementUI)