vue 라우터의 beforeEnter에 구성 요소 반환

Question

내 라우터에는 다음 경로가 있습니다

으아아아

이 경로를 입력할 때마다 저장소에 있는 값에 따라 다른 구성 요소를 반환해야 하는데 해당 구성 요소는 한 번만 로드됩니다. beforeEnter를 사용하도록 구조를 다음과 같이 다시 작성해 보았습니다.

으아아아

하지만 이 솔루션은 작동하지 않습니다. 다른 경로를 사용하지 않고 조건에 따라 다른 구성요소를 반환해야 합니다. beforeEnter의 next()에서 구성 요소를 반환할 수 있습니까? 아니면 이 문제를 해결할 수 있는 다른 솔루션이 있습니까?

Answer 1

저는 동적 구성요소를 사용하는 것을 권장합니다.

간단한 해결 방법은 다음과 같습니다.

라우터

으아악

ConditionalPage.vue

으아악

다음은 코드를 기반으로 한 더 자세한 예입니다.

Vue SFC 놀이터