반응형
Vue.js로 작성된 SPA 로딩 화면을 구현하려면 어떻게 해야 합니까?
저는 AngularJS 1에서 Vue.js에 처음 왔어요.PleaseWait 등의 로딩 화면을 구현하는 방법에 대한 힌트를 가지고 계신 분?
PleaseWait.js와 통합된 예도 작성했습니다.
http://codepen.io/CodinCat/pen/ZeKxgK?editors=1010
PleaseWait.js는 실제 DOM을 직접 조작하기 때문에 코드가 조금 까다로워집니다.Vue.js에서 이 라이브러리를 다시 구현할 것을 권장합니다.Vue에는 이행이 있습니다.https://vuejs.org/v2/guide/transitions.html
컴포넌트를 생성하여v-if그것을 숨기다/보이다
<loading-screen v-if="isLoading"></loading-screen>
매우 간단한 예: http://codepen.io/CodinCat/pen/MpmVMp
언급URL : https://stackoverflow.com/questions/42744020/how-to-implement-a-loading-screen-for-a-spa-written-in-vue-js
반응형
'programing' 카테고리의 다른 글
| 제스트가 포함된 Vuex - 정의되지 않은 속성을 읽을 수 없습니다. (0) | 2022.07.10 |
|---|---|
| 자바가 필요합니까? 자바가 필요합니까? 자바가 필요합니까?교환의 단점이 있습니까?교환의 단점이 있습니까? (0) | 2022.07.10 |
| PWA가 Play Store에 웹 앱과 TWA로 배포될 때 PWA 분석을 처리하는 방법 (0) | 2022.07.10 |
| DDD 모델의 도메인 대 Vuex 작업 (0) | 2022.07.10 |
| 부모 및 손자녀 간의 동기화 수식자 Vue 2 사용 (0) | 2022.07.10 |