Elememt-UI 导航高亮与路由同步

最新推荐文章于 2024-04-08 16:21:19 发布

Missy Peng

最新推荐文章于 2024-04-08 16:21:19 发布

阅读量263

点赞数

分类专栏： vue 文章标签：导航高亮与路由同步 element-ui

本文链接：https://blog.csdn.net/Superman_peng/article/details/107586337

版权

本文介绍了如何在Element-UI中设置导航菜单的高亮显示，并实现与路由的同步。通过配置index为导航的路由地址，并利用default-active属性绑定当前路由，可以确保导航条根据用户浏览的页面自动高亮相应选项。

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

1、index配置为导航的路由地址
2、default-active 绑定为当前路由 $route.path

<el-aside width="200px">
    <el-row class="tac">
        <el-col>
            <el-menu
                     class="el-menu-vertical-demo"
                     router
                     background-color="#304156"
                     text-color="rgb(191, 203, 217)"</