반응형
경로 매개변수를 숫자로 전달하는 방법?
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
반응형
'programing' 카테고리의 다른 글
범위에서 랜덤 이중 생성 (0) | 2022.05.09 |
---|---|
Vue 구성 요소 외부에서 변수 값을 변경하는 최상의 방법 (0) | 2022.05.09 |
Microsoft Crypto API 사용 안 함 RSAES-OAEP 키 전송 알고리즘 (0) | 2022.05.08 |
Vue 라우터는 keep-alive를 사용하여 특정 구성 요소를 캐시하시겠습니까? (0) | 2022.05.08 |
기본적으로 char가 서명 또는 서명되지 않았는가? (0) | 2022.05.08 |