javascript - 데이터 항목이 500보다 큰 경우 iview 선택 라우팅이 매우 느리게 점프합니다.

Question

버전:
"vue": "^2.2.2"
"iview": "^2.0.0-rc.15"

안녕하세요 여러분, 저는 현재 iview를 사용하여 백엔드 시스템을 개발하고 있는데 Select 컴포넌트의 데이터 항목이 500보다 클 때 라우팅이 매우 느리게 점프하는 문제에 직면했습니다. 느릴 때는 점프하는데 15초 이상이 걸린다. 나중에 요소 ui를 사용해 보았는데 점프하는 데에도 약 2초가 걸리는 것으로 나타났습니다.

데이터 양이 상대적으로 많을 때 점프 전환 시간을 줄이기 위해 Select 구성 요소를 어떻게 처리해야 합니까?

三叔 · Answer

iview和element UI다 문제야

각 옵션은 구성 요소이며 각 옵션은 여러 이벤트에 바인딩됩니다.
500개 이상의 옵션이 있습니다. 즉, 이 Select就有500个以上的组件，每个组件下属的DOM 요소만 여러 이벤트에 바인딩되어 있으므로 렌더링 속도가 매우 느립니다.

이 문제는 이전에 발생한 적이 있으며, 대답은 Select가 iview 또는 element UI를 사용하지 않는 한 아무것도 할 수 없다는 것입니다. 하다. Select不要用iview或者element UI，否则毫无办法。
我是针对选项太多的Select单独写了个组件，当然样式风格是仿照iview的，毕竟风格要保持一致，但是其内部的业务逻辑和iview옵션이 너무 많은 Select에 대한 별도의 구성 요소를 작성했습니다. 물론 스타일은 iview를 모델로 했기 때문에 스타일은 일관성이 있어야 하지만 내부적으로는 그렇습니다. 비즈니스 로직과 iview는 완전히 다르며 많은 타겟 최적화를 수행했습니다.