Vue iview-admin框架二級菜單改成三級菜單

最近在用 iview-admin的Vue後臺模板，從git上下載後發現左側導航欄最多支持到二級菜單,也發現不少童鞋在問如何實現三級菜單。在實際的應用場景中仍是會出現三級菜單的需求的

1. 第一步：首先改寫VUE中的模板，修改sidebarMenu.vue文件，文件具體目錄建下圖：ios

clipboard.png

將Menu導航菜單組件的的二級嵌套結構改成三級嵌套，無非就是判斷二級路由頁面下是否有children屬性及是否含有子元素，有的話直接v-for循環生成子元素標籤，新結構以下：git