그래서 Vue-Material 문서 (https://vuematerial.io/components/bottom-bar)는 md-bottom-bar-item으로 채워진 md-bottom-bar를 만들 수 있다고 말합니다. <router-link>
Vue-Material navbar, 필수 소품 누락 : "
"Vue Router와의 완벽한 통합"바로 아래 코드를 볼 수 있습니다. (이것이 바로 ^^의 의미입니다) 내 코드는 다음과 같습니다. 이 :
<md-bottom-bar-item
id="messageRoute"
to="/Messages"
@click="stuff"
md-label="Notifications"
md-icon="message">
</md-bottom-bar-item>
<md-bottom-bar-item
id="settingsRoute"
to="/Settings"
@click="stuff"
md-label="Options"
md-icon="settings">
</md-bottom-bar-item>
알림 목록의 탭과 내 앱의 설정 페이지입니다.
내가 항목을 클릭 할 때 내가 가진 오류는 문자 그대로이 (내 메뉴 바에서 5 개 항목이있어 beucause, 5 배하지만 그것을 가지고) :
[Vue warn]: Missing required prop: "to"
found in
---> <MdButton> at src/components/MdButton/MdButton.vue
<MdBottomBarItem> at src/components/MdBottomBar/MdBottomBarItem.vue
<MdRipple> at src/components/MdRipple/MdRipple.vue
<MdBottomBar> at src/components/MdBottomBar/MdBottomBar.vue
<NavBar> at src\components\NavBar.vue
<App> at src\App.vue
<Root>
내가하여 @click='stuff'
없이 동일한 오류가 발생했습니다 그걸로 할 일이 ... 내 생각 엔 ...
[email protected] (내가 사용하고있는 것)이 베타 버전입니까? 그것은 내가 문서에서 보여지는 것을하고있는 것처럼 느낍니다. 심지어 복사하여 붙여 넣기하고 내 앱에 맞도록 변경했습니다. 지금은
난 그냥 그랬던 this.$router.replace(path)
를 수행 goTo(path)
방법,하지만 그래서 같은 md-sync-route
속성 뷰의 라우터와 동기화되지 하단 바 :
<md-bottom-bar md-sync-route>
<!-- stuff -->
</md-bottom-bar>
아니 중요한 문제지만, 젠장, 왜 Vue.js, 왜 ??? ^^ '
그리고, 어떤 트롤 :
[이 문제는 github] (https://github.com)를 참조하십시오./vuematerial/vue-material/issues/1237). –