Nuxt&Vue-元素UI在浏览器后退按钮事件上保留活动菜单项

问题描述 投票:0回答:1

我的问题是,对于给定的单击菜单项,存在一个“选定”状态,该状态只是使该项变暗以供用户反馈。问题在于,在仍然正确更改路由的情况下,如果按下浏览器的“后退”按钮,则会重置活动项。我整理了一下这里发生的事情的快速功能演示:https://codepen.io/soodohcool/pen/xxbambE

/* the codepen is for illustrating the behavior of my issue */

几次单击菜单项,然后按“向后模拟”按钮以查看发生了什么。注意页面标题更改正确,但是菜单项上的活动状态消失了。

我在实际项目中将Nuxt / Vue与Element UI一起使用。我当时认为在路由器上使用中间件比较合适,只是在路线更改时在菜单上设置“默认激活”道具,但是我是Nuxt的新手,想在我拍一些东西之前获得一些专业意见。不好的做法。

非常感谢您的帮助。如果有任何需要澄清的地方,请告诉我,这是我第一次来。

提前感谢!

vue.js vue-router nuxt element-ui
1个回答
0
投票
router: { linkExactActiveClass: 'active' }

nuxt默认不为活动链接使用活动类

© www.soinside.com 2019 - 2024. All rights reserved.