vue router.addRoutes(routes) 动态添加路由??

在官网手册上看到这样一句话

router.addRoutes(routes)

2.2.0+

动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。

然后我按这个示列在 main.js 里动态追加了个

const router = [{
    path: '/manage/',
    component: Manage,
    name: '测试Demo',
    iconCls: 'fa fa-id-card-o',
    meta: {
        title: '测试Demo'
    },
    children: [
        {path: 'demo', component: Demo, name: '测试Demo1'},
    ]
}]
Router.addRoutes(router)

然后出新不会出来也不报错, 尝试在地址栏上输入 demo 然后也跳转到我定义的404页面去了
我把 上面 router 里的对象 放到我原有路由里去是正常 正确没有问题的! 想请教下你们如何动态添加的路由呢?

阅读 34.9k
4 个回答

之所以跳转到 404 是因为
clipboard.png

404路由在你新添加的路由之前。 路由访问时一路找下来 先找到的是 * 号路由。 就给直接跳转了 。 
解决方法只需要 把 404 的路由放在最后添加就可以了

clipboard.png

同问,我是改地址栏可以了,但是跳转不行

新手上路,请多包涵

你只是添加了,但是并没有push
添加一句router.push({path: '...'})或者router.push({name: '...'}), name是这个路由的name

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题