时间戳

首页 > 解决方案 > VueMaterial BottomBar 在有路线时显示意外行为

vue.js - VueMaterial BottomBar 在有路线时显示意外行为

问题描述

我正在尝试使用来自https://vuematerial.io/components/bottom-bar/的底栏。只要没有任何路线，酒吧就可以正常工作。但是，一旦我添加了 to='/'，颜色就会停止变化（动态底部栏），并且栏上的第一项仍然存在，即不会返回。这也可能是我的错误，任何指针都将不胜感激。这是我现在拥有的

<div>
      <md-bottom-bar md-type="fixed">
        <md-bottom-bar-item to="/" exact id="bottom-bar-item-home" md-label="Home" md-icon="home"></md-bottom-bar-item>
        <md-bottom-bar-item to="search" id="bottom-bar-item-pages" md-label="Pages" md-icon="pages"></md-bottom-bar-item>
        <md-bottom-bar-item to="posts" id="bottom-bar-item-posts" md-label="Posts" md-icon="explore"></md-bottom-bar-item>
        <md-bottom-bar-item to="todo" id="bottom-bar-item-favorites" md-label="Favorites" md-icon="favorite"></md-bottom-bar-item>
      </md-bottom-bar>
    </div>

标签： vue.jsvuejs2vue-routervue-material

解决方案

推荐阅读