2017-12-19 20 views
1

Vue-Materialのドキュメント(https://vuematerial.io/components/bottom-bar)では、md-bottom-bar-itemで詰め込まれたmd-bottom-barを作成することができますが、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](私が使っているもの)はベータ版ですか?私はドキュメントに表示されていることをやっているように感じ、それをコピーして貼り付けて、アプリに収まるように変更しました。

<md-bottom-bar md-sync-route> 
    <!-- stuff --> 
</md-bottom-bar> 

ない重大な問題、しかし:私はちょうどちょうどthis.$router.replace(path)を行いますが、下のバーはそうのような、md-sync-route属性で、Vueののルータと同期されていないこと、goTo(path)方法をした今の

ねえ、なぜVue.js、なぜ??? ^^

そして、何トロール:

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

+1

[この問題はgithub](https://github.com)を参照してください。/vuematerial/vue-material/issues/1237)。 –

答えて

0

[OK]を、これは興味深いです。

私が指摘した問題はバージョンの問題かもしれませんが、私の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などで作業を始めているので^^

あなたが知っていれば私が知っていることが分かりましたら、私に教えていただければ幸いです。

関連する問題