vue 使用element 刷新保持当前路由状态

最新推荐文章于 2024-08-08 15:05:37 发布

一行注释

最新推荐文章于 2024-08-08 15:05:37 发布

阅读量6.4k

点赞数 2

分类专栏： element-ui

本文链接：https://blog.csdn.net/qq_37818095/article/details/81131905

版权

element-ui 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

  <el-menu :default-active="$route.path" router  mode="horizontal">
        <el-menu-item v-for="route in routes" :key="route.path" :index="route.path" :class="$route.path==route.path?'is-active':''">{{route.name}}</el-menu-item>
   </el-menu>

js:

routes: [
    { path: '/main/kdgadmin', name: '幼儿园管理', },
    { path: '/main/phyex', name: '体测', },

    ]

css:
.is-active{
        background: #a3212f;
        border-bottom: 0px solid transparent;
        color: #FFFFFF;
    }