2017-12-19 14 views
1

그래서 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, 왜 ??? ^^ '

그리고, 어떤 트롤 :

Yeah sure it works perfectly for me.... sure ^^'

+1

[이 문제는 github] (https://github.com)를 참조하십시오./vuematerial/vue-material/issues/1237). –

답변

0

좋아,이 흥미 롭다.

내가 지적한 문제는 버전 문제 일 수 있지만 내 vue 버전은 2.9.2입니다 (vue -V으로 확인). 신경 끄시 고, 나는 아직도 npm update -g vue를 실행하고, 대답은 내가 아니라 ... 터미널에서 가져온 :

+ [email protected] 
updated 1 package in 0.626s 

지금 모든 (라우터,에, 등등 ...) 잘 작동합니다.

하지만 왜? vue-material이 약간 다른 vue을 사용합니까? 또는 특정 요소 (예 : md-bottom-bar-item)에서 라우터 링크의 동작처럼 재정의되는 일부 부품이 있습니까?

npm install으로 해결할 수 없습니까? 어쨌든 이제는 작동하고 마지막으로 질문하는 이유는 아마도이 프레임 워크가 베타이고 몇 가지 작업을해야하기 때문입니다. 또는 npm 등으로 작업하기 시작했기 때문에 ^^

내가 아는 것이 도움이 될만한 것이 있으면, 나에게 말해 주어 기쁘다. ...