HTML： JS： 效果： 总结： 　　一般用于pc端的菜单栏。 思路： 　　1. 先判断它点击是否是自己 　　2. 在判断它的子元素 显示 or 隐藏 ...

路径： src\view\main\components\side-menu\side-menu.vue修改 <Menu></Menu> 标签内代码 ...

前言：hook相当于没有生命周期概念，但是可以用useEffect来监听路由，当点击浏览器的前进后退时候去监听路由变化切换对应高亮菜单。 看下下面这个代码： useEffect( () => { 　　//这里等于 componentDidMonunt ...

效果界面： ...

结合elementUI 方案一：用ele的router html： js： 方案二：不用ele的router html： js： ...

需求：如果所有页面引用同一个头部导航菜单，点击栏目后，页面跳转的对应页面，这时导航菜单中该栏目高亮显示。 导航栏菜单html结构： 实现：判断a标签中href属性与当前窗口URL是否匹配，匹配则给其添加样式。 js代码： ...

父级菜单下有多个字菜单的父级都可以正常显示，只有父级下是一个子菜单的父级菜单不显示。所以断定是因为只有一个子菜单，父级隐藏不显示属性引起的。在处理从后台接口拿到的菜单数据时设置alwaysShow: true，就可以保证只有一个子菜单的父级显示，如下图： ...

注：对于同一个对象不超过3个操作的，可直接写成一行，超 过3个操作的建议每行写一个操作。这样可读性较强，可提高代码的可读性和可维护性 核心代码： $(".has_children").cl ...