想用iview做一個可以伸縮的側邊菜單欄，效果如下： 　　1.側邊欄收縮前：可以通過點擊菜單分類展開子菜單項； 　　2.可以讓用戶點擊圖標動態收縮菜單欄； 　　3.側邊欄收縮后：只顯示菜單分類的圖標，鼠標放置在菜單分類上后右側展示子菜單項目。 一、初探 ...

動態實現簡單的二級菜單 當鼠標放到一級標簽上時，鼠標會變成小手的形狀 展示二級菜單，源碼如下，復制即可直接使用 如果讀者有不明白的地方，或建議可直接留言，定會一一解答。 ...

顯示效果 ...

html: js: css就不貼了，用jquery實現這種豎直手風琴菜單真的容易好多。 ...

...

1. 關鍵代碼：使用 switch 或 if 判斷語句，改變對應的二級菜單顯示方式為 block 或 none 2. 主導航 綁定事件 3. 二級菜單 4. 完整代碼 ...

index.html style.scss只將跟二級菜單相關的寫了注釋 ...

這是由於設置了openkey的原因。 由於業務需要設置openkey。 查看了Antd Pro的源碼后發現，可以通過判斷菜單在收起狀態時，給Menu不設置openKeys值，這樣就變為不受控組件，交給antd處理。 解決方案: //判斷菜單是否處於收縮狀態設置openkey ...