我的问题是,对于给定的单击菜单项,存在一个“选定”状态,该状态只是使该项变暗以供用户反馈。问题在于,在仍然正确更改路由的情况下,如果按下浏览器的“后退”按钮,则会重置活动项。我整理了一下这里发生的事情的快速功能演示:https://codepen.io/soodohcool/pen/xxbambE
/* the codepen is for illustrating the behavior of my issue */
几次单击菜单项,然后按“向后模拟”按钮以查看发生了什么。注意页面标题更改正确,但是菜单项上的活动状态消失了。
我在实际项目中将Nuxt / Vue与Element UI一起使用。我当时认为在路由器上使用中间件比较合适,只是在路线更改时在菜单上设置“默认激活”道具,但是我是Nuxt的新手,想在我拍一些东西之前获得一些专业意见。不好的做法。
非常感谢您的帮助。如果有任何需要澄清的地方,请告诉我,这是我第一次来。
提前感谢!
router: {
linkExactActiveClass: 'active'
}
nuxt默认不为活动链接使用活动类