Я пытаюсь получить значение переменную id
из URL.
В роутере в index.js
я прописал следующий код:
{ path: '/word/:id',
name: 'word',
component: Word,
props: true,
},
Код компонента:
<script>
export default {
props: {
id: Number,
},
created() {
this.routeChanged();
},
watch: {
'id': 'routeChanged',
},
methods: {
routeChanged () {
console.log(this.id);
},
},
};
</script>
Но в консоли при открытии страницы я получаю предупреждение:
[Vue warn]: Invalid prop: type check failed for prop "id". Expected Number, got String.
Как мне исправить мой код?
Свободный перевод вопроса Invalid prop type from router params, expected Number got String от участника @abu abu.