场景一解决了一次性渲染大量数据问题 业务场景是后台一次返回10万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我把这个改造了一下,直接上代码, 里面注释写的很清楚了就不解释了.
.content{
padding: 24px 24px;
.el-input{
width: 400px;
margin: 20px;
}
}
文章图片
场景二10万条数据客户不可能一直滚动下去找自己想要数据,这时候就需要搜索解决 【解决el-select后台一次返回大数据量渲染慢导致页面卡顿的问题】下面代码没有用el-select搜索是因为在使用过程中发现模糊查询不能满足自己,所以自己就写了一个input框,使用watch监听,详情见代码
.content{
padding: 24px 24px;
.el-input{
width: 400px;
margin: 20px;
}
}
文章写至此数据量大的问题已经基本解决,在写的过程中突然觉得,slice方法还是怪怪的, 这里还可以用别的方法,关于slice方法就写到这里了.
爱分享,爱生活,
加油!!!!
推荐阅读
- 练习|vue+element实现手机号验证码注册
- elementUI|element-ui 之 el-tooltip 如何自定义修改样式（？？？）
- element table表格自定义表格暂无数据提示
- vue|vue+elementui 使用tabs 浏览器会卡死问题