关于vue使用Element Plus框架的时候，使用Menu菜单的时候，遇到了一些问题，解决了

最新推荐文章于 2024-09-03 09:50:51 发布

m0_67393039

最新推荐文章于 2024-09-03 09:50:51 发布

阅读量1.9k

点赞数

分类专栏：前端 html 文章标签： css3 css 前端

本文链接：https://blog.csdn.net/m0_67393039/article/details/123304994

版权

在Vue应用中使用Element Plus的Menu组件时，遇到点击按钮路由切换但菜单高亮状态未随之更新的问题。通过深入研究，发现在定义菜单的页面中进行特定设置可以解决这个问题。具体解决方法包括对setup()中的内容进行调整。

摘要由CSDN通过智能技术生成

主要是在我创建的 add.vue 的页面中点击按钮跳转的时候，成功切换到另外一个路由，但是菜单下的状态条不会因此改变，所以有了下面的解决方法.

这个是错误的,点击按钮切换了，但是状态没有切换

在这里插入图片描述

解决方法
在定义菜单的页面中使用

这是页面内容

<el-menu
    mode="horizontal"
    class="el-menu-demo"
    :default-active="ZhuagnTai"
>
<el-menu-item index="1">
    <router-link to="/look">展示文章</router-link>
</el-menu-item>
<el-menu-item index="2">
    <router-link to="/add">发表文章</router-link>
</el-menu-item>
</el-menu>