vue.js의 하단 탐색 모음에서 첫 번째 수준 경로를 표시하는 방법과 하위 경로가 표시되지 않는 해결 방법은 무엇입니까?

이제 vue.js 하단 내비게이션 바에 첫 번째 수준 경로가 표시되고 하위 경로가 표시되지 않는 문제에 대한 솔루션을 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

최근 vue 타사 UI인 MuseUI를 사용하여 웹앱을 개발했는데 탐색 막대에 문제가 발생했습니다. 탐색 막대에 여러 경로에서 하단 탐색 막대를 표시해야 하는데 다른 경로에서는 표시되지 않습니다. MuseUI 하단 탐색 모음은 app.vue에 직접 로드되고 모든 페이지에는 탐색 모음이 있으므로 이 방법은 불가능합니다. 나중에 MuseUI의 작성자인 GitHub에 질문을 하려고 노력했지만 그렇지 않았습니다. 득템해서 Segmentfault에 가서 물어봤는데 소용이 없더라구요. URL 라우팅, museUI 사용 버그, 후크 기능 추가 등의 오류가 있을 수 있습니다. 모두 예상된 내용이었지만 그 어느 것도 사실이 아니었습니다. 내 노력이 하나님을 감동시켰을 수도 있습니다. 해결책.

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">

위 내용은 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Vue 문서에서 쉽게 간과하기 쉬운 여러 부분에 대한 자세한 분석

Vue에서 Jointjs를 사용하는 방법

Vue에서 Baidu 지도를 사용하는 간단한 방법에 대한 간략한 토론

위 내용은 vue.js의 하단 탐색 모음에서 첫 번째 수준 경로를 표시하는 방법과 하위 경로가 표시되지 않는 해결 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!