解决Element-UI 侧边栏页面刷新后不高亮显示的问题

最新推荐文章于 2024-04-07 07:20:27 发布

尘生杜若丶

最新推荐文章于 2024-04-07 07:20:27 发布

阅读量4.4k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： Element-UI 文章标签：侧边栏高亮显示路由跳转刷新

本文链接：https://blog.csdn.net/weixin_43851769/article/details/89981313

最近在写一个后台管理系统，用的vue+element，搞到侧边栏导航的时候路由跳转没有问题，但之后页面刷新发现侧边栏的选中状态(高亮显示)没有了，因为项目时间比较紧，并且没有影响到我后面的开发所以就搁置了一段时间，今天有时间搞了一下，发现想的时候可能有些复杂，其实这个问题还是比较简单的。

例如：下面这段代码

<template>
  <el-aside width="240px">
    <el-menu 
    	class="el-menu-vertical-demo" 
    	:default-active="$route.path" 
    	router
    >
      <el-menu-item index="/Order/OrderManagement">
        <i class="iconfont icon-order"></i>
        <span slot="title">订单管理</span>
      </el-menu-item>
      <el-menu-item index="/Supplier/SupplierManagement">
        <i class="iconfont icon-gongyingshang"></i>
        <span slot="title">设点管理</span>
      </el-menu-item>
      <el-menu-item index="/Commodity/CommodityManagement">
        <i class="iconfont icon-shangpin"></i>
        <span slot="title">商品管理</span>
      </el-menu-item>
    </el-menu>
  </el-aside&