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 ...