vue顶部菜单栏实现小结 vue顶部菜单栏实现小结

参考：
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
【vue顶部菜单栏实现小结】效果图1：

文章图片

.homeContainer {background-color: #017bc4; li {list-style-type: none; padding: 0 10px; cursor: pointer; &:hover {background-color: rgba(0, 0, 0, 0.124); }}}

效果图2：

文章图片

/* 取消过渡效果 */.el-menu-item {transition-duration: 0s; }.homeContainer {background-color: #017bc4; .header_right {display: flex; align-items: center; margin-left: auto; margin-right: 20px; li {list-style-type: none; padding: 0 10px; cursor: pointer; &:hover {background-color: rgba(0, 0, 0, 0.205); }}}}