How to strictly validate parameters in vue routing?

Question

Vue.js

That is, it doesn't work for me:

props: {
     id: Number.
}

Since vue will just give a warning in the console, but the data will still be passed if it is a string.

Answer 1

Everything is written in the router dock: https://router.vuejs.org/en/guide/essentials/dynam...

vue-router uses path-to-regexp as an engine to check for route matches, allowing for many advanced features...

We go to the lib's dock and read what it can do ("type" based on the \d+ regular expression): https://github.com/pillarjs/path-to-regexp/tree/v1...

Answer 2

Props have a validator property. Validate there.

Answer 3

First: it's not at all clear how "strict" validation should look like in your opinion. Crash the app?
Second: this validation is in the component, not in the routing.
Third: any route input parameter is, by definition, a string, because is part of the string - url.
As a result: propsin the route properties it can be a function . In this function, you can add both your own validator and type casting.