경로 매개변수를 숫자로 전달하는 방법?

경로 매개변수를 숫자로 전달하는 방법?

Vue의 구성 요소에 소품 전달 설명서에서 위치 경로에서 구성 요소로 매개 변수를 전달하는 방법을 설명하고 소품을 배열로 선언한다.그러나 스타일 가이드에서는 소품들이 자신의 데이터 유형을 정의(적어도)하도록 하는 것이 바람직하다고 언급한다.

스타일 가이드를 듣고 URL이 참조할 엔터티의 ID를 정의하도록 하려면(예:/user/99() 그러면 어떻게 하면 그 파라미터를 숫자로 전달하고, 숫자를 예상했지만 문자열을 얻었다는 콘솔 오류를 피할 수 있을까?이것의 예는 없다.

줄을 서서.{ path: '/user/:id', component: User, props: true }, 나는 그것을 명시하는 약간의 추가 매개변수가 필요하다.id형식이다.Numeric하지만 정확히 어떻게?

소품을 반환하는 기능을 만들 수 있다.이를 통해 매개변수를 다른 유형으로 캐스팅하고, 정적 값을 경로 기반 값과 결합하는 등의 작업을 할 수 있다.

참조.

const router = new VueRouter({
  routes: [
    {
      path: '/user/:id',
      component: User,
      props: route => ({ id: Number(route.params.id) }),
    },
  ],
})

참조URL: https://stackoverflow.com/questions/57345701/how-to-pass-route-parameters-as-numbers