el-menu不保留选中效果

如果 el-menu 不保留选中效果，可能是因为你没有设置 active-class 属性。可以在 el-menu 组件中设置 active-class 属性，将选中项的样式类设置为特定的值。例如：

<el-menu :default-active="$route.path" active-class="active-menu">
  <el-menu-item index="/home">首页</el-menu-item>
  <el-menu-item index="/about">关于我们</el-menu-item>
  <el-menu-item index="/contact">联系我们</el-menu-item>
</el-menu>

在这个例子中，我们将选中项的样式类设置为 "active-menu"。你可以在 CSS 样式中定义该类的样式，在选中项被激活时，该类将自动添加到选中项的元素上，并应用定义好的样式。

希望这个回答能够帮到你！

相关问题

el-menu不想保留选中效果

如果你不想保留 el-menu 组件的选中效果，你可以设置 unique-opened 属性为 true，这样每次只有一个子菜单可以展开，并且点击其他菜单项时当前菜单项会自动关闭，不会保留选中状态。例如：

<el-menu :default-active="$route.path" unique-opened>
  <el-menu-item index="/home">首页</el-menu-item>
  <el-submenu index="1">
    <template slot="title">菜单1</template>
    <el-menu-item index="1-1">子菜单1-1</el-menu-item>
    <el-menu-item index="1-2">子菜单1-2</el-menu-item>
  </el-submenu>
  <el-submenu index="2">
    <template slot="title">菜单2</template>
    <el-menu-item index="2-1">子菜单2-1</el-menu-item>
    <el-menu-item index="2-2">子菜单2-2</el-menu-item>
  </el-submenu>
</el-menu>

这个例子中，我们把 unique-opened 属性设置为 true，这样每次只有一个子菜单可以展开，点击其他菜单项时当前菜单项会自动关闭，不会保留选中状态。

希望这个回答能够帮到你！

el-menu-item默认选中效果

el-menu-item是Element UI中的一个组件，用于创建菜单项。默认情况下，el-menu-item没有默认选中效果，需要手动设置选中状态。

要实现el-menu-item的默认选中效果，可以通过以下两种方式之一：

1. 使用router-link进行路由跳转：
在el-menu-item中使用router-link组件，并设置to属性为目标路由路径。当路由路径匹配时，el-menu-item会自动添加选中状态的样式。
例如：

   <el-menu-item>
     <router-link to="/home">Home</router-link>
   </el-menu-item>

2. 使用index属性进行匹配：
在el-menu-item中使用index属性，并设置为目标菜单项的唯一标识。然后在el-menu组件中使用default-active属性，将其值设置为目标菜单项的index值。这样在页面加载时，el-menu-item会自动添加选中状态的样式。
例如：

   <el-menu default-active="home">
     <el-menu-item index="home">Home</el-menu-item>
     <el-menu-item index="about">About</el-menu-item>
   </el-menu>