求助!前端el-select下拉框数据量过大(100000+)下的展示问题?

发布于 2022-09-12 13:34:53 字数 564 浏览 9 评论 0

\#\#\# 前端el-select下拉大数据量的优化展示,减少请求和快速响应。

\#\#\# 现在是将后端返回做了分页处理,然后在下拉框里做了指令操作,下拉加载,可以满足一部分需求,但是在远程搜索匹配的时候就得重新请求模糊查询接口,请问有没有好的解决方案,是将查询的数据先放在前端数据库indexedDB里,然后对这个前端数据库做操作吗?

\#\#\# 相关代码
粘贴代码文本(请勿用截图)

\#\#\# 性能优化方案:

  1. 使用 el-select 重新封装组件,叫 (el-select-large)
  2. 在原有的功能上,新增数据缓存功能,将请求出的所有数据保存到控件内部
  3. 在下拉列表框展示时,使用前端分页方式进行加载(按照下拉框大小,分页加载数据)
  4. 在 el-select 搜索时,使用远程查询方式,查询控件内部数据缓存,同时以实现数据回显的问题

实现目标:

  1. 界面加载速度快,页面不崩溃
  2. 数据查询时,能够从全部的数据中进行查询,而不是只在已经展示的数据中查询
  3. 要求已经选择的数据部分,能够正确回显(包括分组模式)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

随风而去 2022-09-19 13:34:53

1、既然后端做了分页处理,限制查询的条数,例如只查询和展示前10条匹配度最高的在前面;
2、如果有1w条的需求,都要在这么小的select展示,这样操作更不人性化了,不如单独出个查询的页面,来查找和换页。(像百度的搜索栏,想想如果全部信息都在select中展示,会是咋样了)。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文