0

我无法使活动按钮（路由器链接标签）亮起。

这是我的代码：

<div class="bottom-buttons">                                          
 <span v-for="button in buttons" class="button" :class="{ 'is-active': $route.path === button.path}">
  <router-link :to="button.path">
   <i :class="button.iclass"></i>
    <p class="button-label">{{button.label}}  </p> 
  </router-link>
 </span>                                                                
</div>

当我打印出来时，$route.path它会返回正确的路径，并且button.path是我在数据对象中拥有的数据，并且它可以工作。所以条件应该是对的。但是'is-active'类没有被激活。（这个线程：VueJS 精确主动类）

如果我对课程进行硬编码'is-active'，它就可以工作。

当我使用a:hover, a:visited, a:link它时，它可以工作，但a:active不起作用：D。我已经尝试过a:router-link-active，但它不起作用。（此线程：如何 VueJS 路由器链接活动样式）

我已尝试按照建议添加linkActiveClass: 'is-active'文件/router/index.js。这没用。（本帖：Bulma navbar and VueJS router active link）

有人知道为什么吗？或者有更多建议？先感谢您！

4

1 回答 1

0

看来您的问题出在课堂上。也许尝试使用==而不是===在你的:class?

如果我有足够的声誉，我会添加评论而不是 answear :)

于 2019-05-07T15:37:15.610 回答