javascript - Das iview-Select-Routing springt sehr langsam, wenn die Datenelemente größer als 500 sind

Question

Version:
"vue": "^2.2.2"
"iview": "^2.0.0-rc.15"

Hallo zusammen, ich verwende derzeit iview, um ein Backend-System zu entwickeln, und bin auf das Problem gestoßen, dass das Routing sehr langsam springt, wenn die Datenelemente der Select-Komponente größer als 500 sind. Wenn es langsam ist, dauert der Sprung mehr als 15 Sekunden. Später habe ich versucht, element ui zu verwenden und festgestellt, dass der Sprung ebenfalls etwa 2 Sekunden dauert.

Wie gehe ich mit der Select-Komponente um, um die Sprungumschaltzeit zu verkürzen, wenn die Datenmenge relativ groß ist?

Answer 1

iview和element UI都是一个毛病

每个选项都是一个组件，每个选项还要绑定若干事件。
你这500个以上的选项，也就是说光是这个Select就有500个以上的组件，每个组件下属的DOM元素还被绑定若干事件，渲染起来当然超级慢。

我之前也碰到了这个问题，答案是除非你这个Select不要用iview或者element UI，否则毫无办法。
我是针对选项太多的Select单独写了个组件，当然样式风格是仿照iview的，毕竟风格要保持一致，但是其内部的业务逻辑和iview完全不同，做了很多针对性的优化。

Answer 2

可以尝试将数据分组，然后使用连级选择来选择数据。

Answer 3

一次请求很多数据当然会很慢，你可以分页显示啊。

Answer 4

用tree组件时有4000节点，基本处于卡死状态，没办法改成点击才加载了。

select组件跳转，既然500节点，一次性展示应该也不是很友好，可以考虑带搜索的select，每次根据搜索值返回固定50或者100个，就是增加了后端逻辑。