Vue router необязательный фрагмент

306

13 июня 2018, 23:50

Имеется вот такой роут:

{
  path: '/:slug/:num_page?/',
  name: 'ThemesList',
  component: ThemesList
}

И он отлично справляется с url типа:

http://mysite.com/bla-bla-bla/
http://mysite.com/bla-bla-bla/5/

Как можно его исправить, чтобы между slug и num_page можно было вставить /page/ и получить вот такие url:

http://mysite.com/bla-bla-bla/
http://mysite.com/bla-bla-bla/page/5/

но,url

http://mysite.com/bla-bla-bla/page/

был некорректным?

Answer 1

'/:slug/page/:num_page/'

Вот так должен выглядеть path роута

Answer 2

Что если добавить второй роут?

{
  path: '/:slug/:num_page?/',
  name: 'ThemesList',
  component: ThemesList
},
{
  path: '/:slug/page/:num_page/',
  component: ThemesList
}

Или использовать алиас:

{
  path: '/:slug/:num_page?/',
  alias: '/:slug/page/:num_page/',
  name: 'ThemesList',
  component: ThemesList
},

ТОП-10

Подскажите пожалуйста почему этот простейший скрипт выводит ошибку:

271

Как определить пересечение графиков работы клиентов? Например, если первый клиент работает с 7 до 15, а второй с 6 до 10, то пересечением будет...

298

Как перевести дату 2018-05-27T16:45:00+03:00 в формат '27-05-2018 00:17:14', 'dd-mm-yyyy hh24:mi:ss'

292

287