라우터보기 내 라우터 파일에서이 구조를 사용하기 위해 노력하고있어

Question

작동하지 않습니다. URL 경로는 변경되지만 구성 요소는 렌더링되지 않습니다.

내 대시 보드 구성 요소 템플릿은 다음과 같이이다 :

<template> 
<div class="container-fluid" data-ma-theme="green"> 
    <main class="main"> 
    <header-layout></header-layout> 
    <aside-layout></aside-layout> 
    <content-layout></content-layout> 
    </main> 
</div> 
</template> 

그리고 내 라우터보기는이 같은 내용의 구성 요소입니다 : 내가 대시 보드 경로를 이야기하는 방법을 모른다

<template> 
    <section class="content"> 
    <VuePerfectScrollbar class="scroll-area" v-once :settings="settings"> 
     <router-view/> 
    </VuePerfectScrollbar> 
    </section> 
</template> 

그 하위 요소가 내용 구성 요소에 있습니다.

Answer 1

<router-view/>을 자식 태그 내부가 아닌 구성 요소 템플릿 안에 넣습니다. 이 <VuePerfectScrollbar/>는

<template> 
<div> 
    Other things 
    .............. 
    <router-view/> 
    ....... 
    Other things 
</div> 
</template>