首先來總結element ui 官方文檔的左側菜單結構,帶有el-submenu為子級節點,el-menu-item表示沒有下級。當然,菜單不能寫死，因為菜單也許不止兩級,所以我們需要遞歸來實現。根據當前節點是否有下級去判斷,如果有下級,則繼續調用子級,直到沒有下級為止,下面我貼上左側菜單所有 ...

layui-tree美化左側菜單 html css js 新增tab項邏輯思路 點擊左側導航，獲取它的數據（url，id。。。） 如果有url，則判斷其id是否與tab項的lay-id相同，相同則切換選中，不相同則新增 遇到 ...

左側是收縮菜單欄，需要點擊菜單欄以外的地方，左側菜單欄全部收縮。如圖 這個主要是看對jquery方法掌握的怎么樣了，其實不難，重要的是使用jquery中not()方法，實現方法如下（只是一個簡單的實現）： <ul class="bor"> 　　<li> ...

效果圖 代碼部分 ...

采用了 vue provide 和 inject 方法 1、在右側展示頁面的地方添加v-if 來控制其重新加載 2、同時在本vue文件內注冊重新加載方法 3、 在點擊相同菜單時候，去重新加載該頁面 ...

...

...

https://segmentfault.com/a/1190000014617129 ...