Как в параметре маршрута использовать значение с точкой?

В Vue.js, когда вы определяете маршруты во Vue Router, вы можете использовать параметры маршрута для передачи данных между различными маршрутами. Однако, если вам нужно использовать значение с точкой в параметре маршрута, необходимо предпринять дополнительные шаги, так как точка по умолчанию воспринимается как разделитель в URL.

Чтобы использовать значение с точкой в параметре маршрута, вам необходимо настроить маршрут с использованием регулярного выражения, которое позволит захватить точку в качестве части параметра. Вот пример того, как вы можете определить такой маршрут:

const router = new VueRouter({
  routes: [
    {
      path: '/user/:id', // Обычный параметр маршрута
      component: User,
    },
    {
      path: '/page/:pageId(.*)', // Параметр маршрута с точкой
      component: Page,
    },
  ],
});

В этом примере маршрут /page/:pageId(.*) использует регулярное выражение (.*), которое захватывает все символы, включая точки, после /page/ в качестве значения параметра pageId.

Теперь, когда пользователь перейдет по URL вида /page/some.value, some.value будет доступно в компоненте Page через this.$route.params.pageId.

Таким образом, с помощью регулярных выражений в параметрах маршрутов вы можете использовать значения с точкой или другими специальными символами в Vue.js при работе с маршрутизацией.