问Nuxt & Vue - Element UI在浏览器返回按钮事件上持久化活动菜单项

EN

我的问题是，对于给定的单击菜单项，有一个“选择”状态，它只是使项目变暗以供用户反馈。问题是，当按下浏览器回退按钮时，当路由仍然正确更改时，活动项将被重置。我编写了一个快速的功能演示，展示了这里发生的事情：https://codepen.io/soodohcool/pen/xxbambE

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

点击菜单项几次，然后按下“模拟返回”按钮，看看会发生什么。注意，页面标题更改正确，但菜单项上的活动状态消失了。

我在实际项目中使用Nuxt/Vue和Element。我认为在路由器上使用中间件在路由改变时只设置菜单上的“默认-活动”道具是合适的，但是我对Nuxt还不熟悉，我想在我把一些可能不好的东西放在一起之前得到一些专业的输入。

任何帮助都是非常感谢的。如果有什么需要澄清的话，请告诉我，这是我第一次来这里。

提前感谢！