側邊導航欄只展開當前的導航

2022-08-23 20:57:11 字數 472 閱讀 3304

antd 實現側導航欄只展開當前導航,其他關閉,效果如下

選單的資料結構是這樣的,子選單要包含主選單的名字

antd導航有個openkeys屬性和onopenchange事件,執行onopenchange事件時,把展開的列表賦值過去

//

選中當前選單收起其他選單

onopenchange = (openkeys)=>)

this

.setstate()

}else

) }

}

問題,adnt會把所有已經點選過的都傳過來,所以只展開當前的,需要把其他的關閉就要確定當前導航的openkes

CSS實現側邊欄導航

charset utf 8 title type text css 隱藏checked核取方塊 sidemenu sidemenu checked aside sidemenu checked wrap aside h2 控制側邊欄進出的按鈕 外部包裹 wrap 控制側邊欄進出的按鈕 內部文字樣式 ...

基於jquery的側邊欄分享導航

今天給大家分享一款基於jquery的側邊欄分享導航。這款分享鈕一直固定於左側,滑鼠經過的時候凸出顯示,這款分享按鈕適用瀏覽器 ie8 360 firefox chrome safari opera 傲遊 搜狗 世界之窗。實現的 alt 愛程式設計 alt 愛程式設計 alt 愛程式設計 alt 愛程...

Vue 設定導航欄 側邊欄為公共頁面

首先,專案結構如下 此時執行會發現,所有的頁面都被加上了這兩個公共頁面,而實際場景中,我們往往希望登入頁是不需要導航欄和側邊欄的,那麼就需要規避掉登入頁。index.js 如下 import vue from vue import router from vue router import hell...