element-ui使用 el-menu-item 路由(route)跳轉

el-menu 添加 :default-active=“this.$router.path” 和 router (default-active前面要有 “:” )

router.js文件下應該配置好路由路徑。建議用路由懶加載方式

//import main from './pages/main.vue'


Vue.use(Router);

export default new Router({
    mode:'history',
    routes:[
        {path:'/',component:  resolve => require(['./pages/login.vue'], resolve)}, // 路由懶加載
        {path:'/login',component: resolve => require(['./pages/login.vue'], resolve)},
        {
            path:'/main',
            component:main,
            children:[
                {path:'', component: resolve => require(['./pages/news.vue'], resolve)},
                {path:'/news', component: resolve => require(['./pages/news.vue'], resolve)},
                {path:'/practiceInfo', component: resolve => require(['./pages/practiceInfo.vue'], resolve)},
                {path:'/myDesign', component: import(/* webpackChunkName: "testProject" */ './pages/myDesign.vue')}, // 路由懶加載 - 分模塊
                {path:'/allDesign', component: import(/* webpackChunkName: "testProject" */ './pages/allDesign.vue')}},
                {path:'/recruit', component: import(/* webpackChunkName: "testProject" */ './pages/recruit.vue')}},
            ]
        }
    ]
})