Как строго валидировать параметры во vue роутинге?

Question

[Артем Прохоров]

То есть мне не подходит:

props: {
     id: Number.
}

Так как vue просто выдаст предупреждение в консоли, но данные все равно передадутся, если это будет строка.

Answer 1

[Илья]

В доке роутера все написано: https://router.vuejs.org/ru/guide/essentials/dynam...

vue-router использует path-to-regexp в качестве движка для проверки совпадения маршрутов, что позволяет задействовать многие продвинутые возможности...

Заходим в доку либы и читаем что она умеет ("типизируйте" на основе регулярки \d+): https://github.com/pillarjs/path-to-regexp/tree/v1...

Answer 2

[Алексей Ярков]

У пропсов есть свойство validator. Там и валидируйте.

Answer 3

[Aetae]

Во-первых: вообще непонятно как по вашему должна выглядеть "строгая" валидация. Крашить приложение?
Во-вторых: эта валидация в компоненте, а не в роутинге.
В-третьих: любой входной параметр маршрута - по определению строка, т.к. является частью строки - url.

В итоге: props в свойствах маршрута может быть функцией. В эту функцию вы можете добавить как свой валидатор, так и приведение типов.