vue.js의 하단 네비게이션 바에 하위 경로가 표시되지 않는 문제를 해결하는 방법

이번에는 vue.js 하단 네비게이션 바의 하위 경로가 표시되지 않는 처리 방법을 알려드리겠습니다. 표시되지 않는 vue.js는? 다음은 실제 사례를 살펴보겠습니다. 최근 vue 타사 UI를 사용하고 있습니다. MuseUI에서 웹앱을 개발했는데 Navigation 바에 문제가 발생했습니다. 여러 경로

에 하단 네비게이션 바를 표시해야 하는데 다른 경로에는 표시하지 말아야 합니다. MuseUI는 app.vue에 직접 로드되면 모든 페이지에 탐색 표시줄이 있으므로 이 방법은 불가능합니다. 나중에 MuseUI 작성자

GitHub에 질문을 하려고 최선을 다했지만 아무 소용이 없었습니다. ,,,,,,,,,,,,,,,,,,무,,,,,,,,,,,,,,,,,,,,,,를,,,,,,,,,,,, 소용이 없었습니다,,,,,,,,,,,,,., 가능한 오류는 URL 라우팅, museUI 사용 버그, 후크 추가 functions에 이르기까지 다양했습니다. 모두 예상했지만 아무것도 아니었지만 상관없습니다. 끈기는 승리입니다. 아마도 하나님을 감동시키고 발견한 것은 나의 노력이었을 것입니다. 해결책. router.js

const router = new VueRouter({
 mode: 'history',
 routes: [
  { path: '/first', component: firstView, meta: { navShow: true, cname: '一级页面' }, name: 'first' },
  { path: '/sub', component: subView, meta: { navShow: false, cname: '子页面' }, name: 'sub' },
 ],
});

app.vue

<Bar v-show="$route.meta.navShow">

이것이 제가 찾은 해결책이고, 이를 기반으로 코드를 수정하여 성공적으로 해결했습니다. 이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

JS에서 문자열 연결을 확장하는 방법

섹션에서 Nginx 구성 파일을 다운로드하는 방법

위 내용은 vue.js의 하단 네비게이션 바에 하위 경로가 표시되지 않는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!