> 웹 프론트엔드 > JS 튜토리얼 > vue.js의 하단 네비게이션 바에 하위 경로가 표시되지 않는 문제를 해결하는 방법

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

php中世界最好的语言
풀어 주다: 2018-04-11 14:57:17
원래의
2320명이 탐색했습니다.

이번에는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿