Vue後臺管理的項目中使用了ElementUI的組件庫。左側菜單欄遇到了一些小問題，結果一步一步的解決了~~
- 1，首先菜單欄的圖標Icon不滿足我們的需求，我們可以引入公司內部的樣式icon圖標文件，數組的方式動態渲染出來就可以。
- 2，左側菜單欄的列表渲染完成後點擊一個菜單發現全部菜單同時展開
- 3，點擊二級菜單的時候需要點擊那個二級列表就高亮那個，但是現在點擊一個全部隨着高亮
- 4，左側菜單欄的組件庫的樣式的border-right重疊，出現子菜單有邊框超出範圍的清空
- 5,每一次點擊菜單其他菜單需要自動隱藏疊起來
1，首先菜單欄的圖標Icon不滿足我們的需求，我們可以引入公司內部的樣式icon圖標文件，數組的方式動態渲染出來就可以。
- 因爲項目開發中elementUI第三方庫提供的組件icon圖標滿足不了我們的項目需求，那麼大都是格式都會有自己的圖標，字體，初始化樣式文件庫，可以引入進來動態的渲染出來就可以。
2，左側菜單欄的列表渲染完成後點擊一個菜單發現全部菜單同時展開
- 左側菜單欄點擊展開全部列表頁隨着展開，需要設置一下index和key的值，必須是動態綁定。這裏的唯一屬性值是每一個菜單列表的唯一Id
- for循環要指定不同的key index也是 不然一個展開全部展開 而且得是字符串格式
3，點擊二級菜單的時候需要點擊那個二級列表就高亮那個，但是現在點擊一個全部隨着高亮
- for循環要指定不同的key index也是 不然一個展開全部展開 而且得是字符串格式
4，左側菜單欄的組件庫的樣式的border-right重疊，出現子菜單有邊框超出範圍的清空
5,每一次點擊菜單其他菜單需要自動隱藏疊起來
- ElementUI組件庫提供了一個unique-opened屬性，控制保持一個子菜單展開--添加改成true就可以
- 這個5個小問題都解決好了---最終的效果圖：
