버전:
"vue": "^2.2.2"
"iview": "^2.0.0-rc.15"
안녕하세요 여러분, 저는 현재 iview를 사용하여 백엔드 시스템을 개발하고 있는데 Select 컴포넌트의 데이터 항목이 500보다 클 때 라우팅이 매우 느리게 점프하는 문제에 직면했습니다. 느릴 때는 점프하는데 15초 이상이 걸린다. 나중에 요소 ui를 사용해 보았는데 점프하는 데에도 약 2초가 걸리는 것으로 나타났습니다.
데이터 양이 상대적으로 많을 때 점프 전환 시간을 줄이기 위해 Select 구성 요소를 어떻게 처리해야 합니까?
三叔2017-06-14 10:53:49
iview和element UI다 문제야
각 옵션은 구성 요소이며 각 옵션은 여러 이벤트에 바인딩됩니다.
500개 이상의 옵션이 있습니다. 즉, 이 Select就有500个以上的组件，每个组件下属的DOM 요소만 여러 이벤트에 바인딩되어 있으므로 렌더링 속도가 매우 느립니다.
이 문제는 이전에 발생한 적이 있으며, 대답은 Select가 iview 또는 element UI를 사용하지 않는 한 아무것도 할 수 없다는 것입니다. 하다. Select不要用iview或者element UI，否则毫无办法。
我是针对选项太多的Select单独写了个组件，当然样式风格是仿照iview的，毕竟风格要保持一致，但是其内部的业务逻辑和iview옵션이 너무 많은 Select에 대한 별도의 구성 요소를 작성했습니다. 물론 스타일은 iview를 모델로 했기 때문에 스타일은 일관성이 있어야 하지만 내부적으로는 그렇습니다. 비즈니스 로직과 iview는 완전히 다르며 많은 타겟 최적화를 수행했습니다.
高洛峰2017-06-14 10:53:49
트리 구성 요소를 사용할 때 기본적으로 4000개의 노드가 있는데 클릭하여 로드하도록 변경할 방법이 없습니다.
선택 구성요소가 500개이므로 일회성 표시는 그다지 친숙하지 않아야 합니다. 검색 값에 따라 고정된 50 또는 100이 반환될 때마다 백엔드를 추가하는 것을 의미합니다. 논리.