Vue-Material导航栏，缺少所需属性："to“

Question

所以Vue-Material文档(https://vuematerial.io/components/bottom-bar)说可以创建一个填充了md-bottom-bar-item的md-bottom-bar，同时能够让md-bottom-bar-item表现得像一个<router-link>

他们的代码可以在“与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次，因为我的导航栏中有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'的情况下也遇到了同样的错误，这与它无关……我想..。

是关于Vue-Material@1.0.0 (我正在使用的那个)处于测试版还是？感觉我是在做文档中显示的事情，我甚至复制粘贴了它，并对其进行了修改，使其适合我的应用。

现在我只做了一个goTo(path)方法，它只做this.$router.replace(path)，但底部的条并没有与Vue的路由器同步，带有md-sync-route属性，如下所示：

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

不是一个严重的问题，但该死的，为什么是Vue.js，为什么?？^^‘

还有，真是个巨魔：

​

​

Answer 1

好的，这很有趣。

正如你给我的问题所指出的，这可能是一个版本问题，但我的vue版本是2.9.2 (用vue -V检查过)。不要紧，我还是运行了npm update -g vue，我从终端得到的答案是...好的：

+ vue@2.5.11
updated 1 package in 0.626s

现在一切都正常了(路由器、to等)。

但是为什么呢？vue-material是否使用了稍微不同的vue，或者有一些部分被重新定义，比如路由器链路在某些元素上的行为，比如md-bottom-bar-item？

为什么npm install不能解决这个问题呢？不管怎样，现在它可以工作了，我最后一个问题的存在可能是因为这个框架是一个测试版，需要做的事情很少……或者是因为我开始使用npm等工具^^

如果你知道一些对我有帮助的事情，请随时告诉我，我很乐意听到…

Answer 2

它也将在1.0.0-beta-8中发生，但似乎有一个提交需要修复

https://github.com/vuematerial/vue-material/commit/6860d3a004b09baef751724c0d9bf1ebdf92b752