vue-router 配合ElementUI实现导航

最新推荐文章于 2024-08-12 11:12:01 发布

_Lunay

最新推荐文章于 2024-08-12 11:12:01 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/z9061/article/details/83996118

vue 专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍Element UI中菜单组件的使用方法，包括如何设置默认激活项、响应路由变化及调整样式属性。通过实例演示了如何创建具有不同索引的菜单项，并使其随当前路由自动激活。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

:default-active="onRoutes" 绑定符号：一定要添加上

    <el-menu class="sidebar-el-menu" :default-active="$route.path" :collapse="collapse" background-color="#324157"
            text-color="#bfcbd9" active-text-color="#20a0ff" unique-opened router>
            
        <el-menu-item index="/a">a</el-menu-item>
        <el-menu-item index="/b">b</el-menu-item>
        <el-menu-item index="/c">c</el-menu-item>
        <el-menu-item index="/d">d</el-menu-item>
   </el-menu>