怎么在vue router中動(dòng)態(tài)路由設(shè)置參數(shù)可選

怎么在vue router中動(dòng)態(tài)路由設(shè)置參數(shù)可選？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

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

解決方法

參數(shù)配置改成可選的

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

ps：下面看下vue-router 動(dòng)態(tài)添加 路由

   動(dòng)態(tài)添加路由可以用了做權(quán)限管理。登錄后服務(wù)器端返回權(quán)限菜單，前端動(dòng)態(tài)添加路由  然后在設(shè)置菜單

 1、vue-router 有方法router.addRoutes(routes) 動(dòng)態(tài)添加更多的路由規(guī)則。參數(shù)必須是一個(gè)符合 routes 選項(xiàng)要求的數(shù)組。

           使用方法 

this.$router.options.routes[0].children.push({//插入路由
 name:'list',
 path: 'list',
 component: resolve => require(['../template/list.vue'], resolve)//將組件用require引進(jìn)來
});
this.$router.addRoutes(this.$router.options.routes);//調(diào)用addRoutes添加路由

我的路由文件:

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

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。