【element-plus菜單】參數說明：?

??active-text-color="#ffd04b"——激活顏色

?background-color="#232323"——背景顏色（29,160,176）
?:default-active="$route.path"——配置默認高亮的菜單項
?text-color="#fff"
?router ?router選項開啟，el-menu-item 的 index 就是點擊跳轉的路徑

el-menu-item 菜單項

? ? ? index="/article/channel" 配置的是訪問的跳轉路徑，配合default-active的值，實現高亮

Element PLus官方網址：Container 布局容器 | Element Plus

?Element PLus官方網址：Menu 菜單 | Element Plus (element-plus.org)

導航菜單默認為垂直模式，通過將 mode 屬性設置為 horizontal 來使導航菜單變更為水平模式。

 <el-menuactive-text-color="#ffd04b"background-color="#232323":default-active="$route.path"text-color="#fff"router><el-menu-item index="/article/channel"><el-icon><Management /></el-icon><span>文章分類</span></el-menu-item><el-menu-item index="/article/manage"><el-icon><Promotion /></el-icon><span>文章管理</span></el-menu-item><el-sub-menu index="/user"><!-- 多級菜單的標題 - 具名插槽 title --><template #title><el-icon><UserFilled /></el-icon><span>個人中心</span></template><!-- 展開的內容 - 默認插槽 --><el-menu-item index="/user/profile"><el-icon><User /></el-icon><span>基本資料</span></el-menu-item><el-menu-item index="/user/avatar"><el-icon><Crop /></el-icon><span>更換頭像</span></el-menu-item><el-menu-item index="/user/password"><el-icon><EditPen /></el-icon><span>重置密碼</span></el-menu-item></el-sub-menu></el-menu>