uniapp이 빈 탭바로 이동하는 경우 수행할 작업

모바일 인터넷이 대중화되면서 모바일 애플리케이션은 사람들의 삶에 없어서는 안 될 부분이 되었습니다. 오늘날 모바일 애플리케이션을 개발하려면 더 이상 처음부터 시작할 필요가 없으며 uniapp을 통해 신속하게 개발하여 크로스 플랫폼 기능을 달성할 수 있습니다. 하지만 uniapp을 사용하여 개발하는 과정에서 탭바 공백으로 점프하는 문제가 가끔 발생합니다. 이 기사에서는 구체적인 솔루션을 소개합니다.

1. 문제

uniapp을 사용하여 크로스 플랫폼 애플리케이션을 개발할 때 탭바를 사용하여 하단 탐색 모음을 구현합니다. 그러나 때로는 한 페이지에서 탭바를 클릭하여 다른 페이지로 전환할 때 새 페이지에 예상한 페이지가 아닌 빈 페이지가 나타나는 경우가 있습니다. 이 문제는 매우 골치 아픈 문제입니다. 해결책을 함께 논의해 봅시다.

2. 문제의 원인

우선, 이 문제의 가능한 원인을 이해해야 합니다. uniapp을 사용하여 개발할 때 각 페이지에는 App.vue 구성 요소가 있습니다. 이 구성 요소는 모든 페이지의 가장 바깥쪽 구조이므로 전체 애플리케이션을 렌더링하는 역할을 담당합니다. 탭바를 사용하여 경로를 전환하면 경로 점프가 App.vue의 후크 기능을 트리거합니다. 그러나 경로 전환 속도가 매우 빠르기 때문에 App.vue가 새 페이지에 콘텐츠를 렌더링할 준비가 되면 새 페이지는 이미 준비가 되었지만 지금은 컴포넌트가 렌더링되지 않았기 때문에 빈 페이지만 볼 수 있습니다.

3. 솔루션

이제 빈 탭바 문제를 해결하기 위한 몇 가지 솔루션을 소개하겠습니다.

1. 페이지 스타일 설정

App.vue 파일의