Vue路由器进入错误视图

时间:2018-10-16 10:28:48

标签: vue.js vuejs2 vue-router

我已经使用vue cli设置了vue路由器,并创建了一些组件和视图等,包括带有ID的模块视图,可以将其放入其中,但是它会继续加载仪表板视图而不是模块视图。

不知道为什么或当我删除仪表板路由时它会保持覆盖状态。

enter image description here

这是我的路由器代码,并且尝试过运气。

export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {path: '/', name: 'home', component: Home},
        {path: '/about', name: 'about', component: About},
        {path: '/login', name: 'login', component: Login},
        {path: '/module/:id', name: 'module', component: Module},
        {path: '/dashboard', name: 'dashboard', component: Dashboard, children: [
           { path: '/', component: Main},
           { path: 'modules', component: Modules},
        ]},
   ],
});

其他信息

当我切换导入顺序时,首先要导入仪表板,然后才导入模块,然后它将问题切换到仅进入模块视图而不是仪表板。

1 个答案:

答案 0 :(得分:0)

不确定为什么会这样,但是从头开始使用Vue cli重新创建项目后,我不再遇到布线问题。