Vue Router我如何在根页面上提供查询参数

Question

export default new Router({
  routes: [
    {
      path: '/:userId',
      name: 'top',
      component: Top
    }
  ]
})

I cannot give a query param like this.

Is it impossible to give param to root view?

export default new Router({
      routes: [
        {
          path: '/top/:userId',
          name: 'top',
          component: Top
        }
      ]
    })

I know this is possible , but I want to give param to root page.

Answer 1

You can try :

export default new Router({
  routes: [
    {
      path: '/',
      component: Root,
      children: [
      {
        path: ':userId',
        name: 'top',
        component: Top
      }
    }
  ]
})