vue-router linkActiveClass问题

时间:2022-01-25 07:22:51

在使用vue做移动端的时候,底部四个菜单中当前菜单需要高亮显示,但是由于路由配置的问题导致了下图中的问题:

# 首页会一直常亮,不论是否有点击(路由配置如右图)

vue-router linkActiveClass问题vue-router linkActiveClass问题

经过排查,发现问题出现在router中配置的路由路径存在两个“/”,才导致了这个问题,修改任意一个path值即可恢复正常。如下图:

vue-router linkActiveClass问题vue-router linkActiveClass问题