요소는 교육과 서비스가로드 구성 요소를 사용하는 방법은 두 가지입니다 제공
그냥 노드 V 로딩 명령을 사용할 때 명령 모드를 추가하고 상태 변수를 유지하기를주고, 켜고 끄기
여기에 서비스 요소 공식 웹 사이트 통화 로딩 구성 요소 데모를 제공하는 방법입니다
= loadingInstance는 할 수 Loading.service (옵션) 은이 $ nextTick (() => {. // 서비스 호출이 비동기 가까운로드 필요로 loadingInstance.close을 (); });
물론, 국가가 우리 있도록 비즈니스 로직을 유지 할 수있는 유연성이 어떤 상태 기능에 의해 구현되는 변수에 의해 유지 될 수 있기 때문에, 명령 모드를 사용할 때
그러나 단점은 동일한 명령은 동일한 노드에 한 번 결합 할 수 있다는 것입니다.
서비스 모드를 사용하는 동안, 당신은 수정 옵션에 따라 다른로드의 여러 인스턴스를 인스턴스화 할 수있는 다양한 비즈니스 요구를 충족하기 위해
그러나 단점은 아닌 몸 노드와 여러 서비스를 추가 할 때 서비스 생성에 둘 이상의 대상, 당신은 닫기를 클릭해야하는 경우, 대상을 통과 한 경우 실패합니다이 시간이 필요하므로이다
어떻게 해결?
- 서비스 모드
배열을 만드는 경우, 각각의 유연성 언제든지 여러 서비스를 만들 수 있도록 배열을 밀어 지정된 서비스를 종료 할 수있을 것입니다 서비스를 만들
- 명령 모드
직접 코드에
< DIV의 V -show = "로딩" 클래스 = "절대" 브이 -loading = "로딩" > </ div> <스타일> 및 .absolute 위치 절대 상부 0 하단 0 왼쪽 0 오른쪽 0 </ 스타일>
로드 변수에 의해 부모 노드에이 노드, 유지 여러 노드와 만드는 여러 변수를 삽입하는 여러 상태를 유지하기 위해 필요합니다. 두 개의 노드가로드 상태 목록의 완료 후로드 된 상태를 유지하기 위해 삽입하는 것은 비어
로딩이 여전히 최상위 부모에 사라지는 경우에도 전체 부모를 포함하는 절대 클래스 이후 가장 플러스 V-쇼 (V-경우), 등의 클릭과 같은 이벤트의 다른 노드로 이어지는 부모 노드는 터치 이벤트가 유효하지 않습니다