el-menu设置高亮

要设置el-menu的高亮，可以按照以下步骤进行操作。首先，在el-menu组件中设置default-active属性为当前网址的路径，即this.$route.path。这样就能实现页面跳转后，侧边栏对应选项高亮。\[1\]其次，在生成的el-menu-item组件中设置index属性为该选项对应的路由路径，以与default-active属性匹配。这样就能将选项高亮显示出来。\[1\]\[2\]最后，在样式文件中（比如src\styles\sidebar.scss），可以添加一个is-active类来定义高亮的样式。可以设置背景颜色、文字颜色等属性来突出显示选中的选项。\[3\]通过这些步骤，就可以实现el-menu的高亮效果。
#### 引用[.reference_title]
- *1* *2* [el-menu设置侧边栏使选项默认高亮与当前网址一致](https://blog.csdn.net/LK_315/article/details/125790835)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [设置高亮当前菜单项](https://blog.csdn.net/weixin_57334089/article/details/120823114)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]