vue 左側菜單路由實現
vue 左側菜單路由實現,數據來自接口,path默認沒有加/ ...
vue 左側菜單路由實現,數據來自接口,path默認沒有加/ ...
后端實現 得到的數據格式 vue實現 ...
el-menu-item index的值,我這里使用了 路由表中route.js中 的 路由name值 :default-active="this.$route.name" 如果不理解,可以看下 watch 監聽 的 $route ...
這里使用的Element文檔版本是2.13.1。 路由文件index.js: import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/Login' import Main ...
首先來總結element ui 官方文檔的左側菜單結構,帶有el-submenu為子級節點,el-menu-item表示沒有下級。當然,菜單不能寫死,因為菜單也許不止兩級,所以我們需要遞歸來實現。根據當前節點是否有下級去判斷,如果有下級,則繼續調用子級,直到沒有下級為止,下面我貼上左側菜單所有 ...