Как я могу сделать несколько детей динамическими маршрутами?

Question

Мне нужно несколько динамических маршрутов в маршрутизаторе Vue, таких как

/ payouts /: person / payouts /: pay_id

Я попытался создать несколько дочерних маршрутов, но он не работает, его работа только такс id, но это не то, что я хочу

  {
     path: 'payouts',
     name: 'Payouts',
     meta: {
       title: 'Payouts'
     },
     component: () => import('@/pages/Payouts'),

   },
   {
     path: 'payouts/:pay_id',
     name: 'Pay_id',
     meta: {
       title: 'Pay'
     },
     component: () => import('@/pages/Pay_id'),
   },

Answer 1

Для параметризованных маршрутов используйте

 this.$router.push({name: 'payouts', params: { pay_id: "SomeID"}});

Или

this.$router.push({path: '/newLocation/SomeID'});

для не параметризованного маршрута

this.$router.push({path: '/newLocation'});