怎么在vue router中动态路由设置参数可选

怎么在vue router中动态路由设置参数可选？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

new Router({   routes: [     {       path: '/user/:page/:id',       name: 'User',       component: () => import('pages/user')     },     {       path: '*',       redirect: '/home'     }   ] })

解决方法

参数配置改成可选的

path: '/user/:page?/:id?'

ps：下面看下vue-router 动态添加 路由

   动态添加路由可以用了做权限管理。登录后服务器端返回权限菜单，前端动态添加路由  然后在设置菜单

 1、vue-router 有方法router.addRoutes(routes) 动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。

           使用方法 

this.$router.options.routes[0].children.push({//插入路由  name:'list',  path: 'list',  component: resolve => require(['../template/list.vue'], resolve)//将组件用require引进来 }); this.$router.addRoutes(this.$router.options.routes);//调用addRoutes添加路由

我的路由文件:

export default new Router({  routes: [   {    path: '/',      component: index,   },   {    path: '/login',    name: 'login',    component: login   }  ]

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。