반응형
Nuxt 라우팅 이중 옵션 매개 변수
나는 nuxt 앱이 있어.다음과 같은 경로를 만들고 싶다.
path: '/dworzec-pkp/:slug/:category?/:date?',
그래서 선택 가능한 두 개의 매개 변수가 있을 것이다.URL의 예:
localhost:5555/dworzec-pkp/nowa-iwiczna
<--- 선택적 매개 변수 없음localhost:5555/dworzec-pkp/nowa-iwiczna/12-10-2020
<-- 선택적 매개 변수: 날짜localhost:5555/dworzec-pkp/nowa-iwiczna/departures
<-- 선택적 매개 변수: 범주localhost:5555/dworzec-pkp/nowa-iwiczna/departures/12-10-2020
<--- 선택적 매개 변수: 날짜 & 범주
url에 범주 또는 날짜가 포함되어 있는지 확인하는 방법디렉터리만 생성해야 하는가?dworzec-pkp/_slug
그리고 그 안에_.vue
파일링한 다음 프로그래밍 방식으로 파일링 여부를 결정date
또는category
아니면 더 나은 해결책이 있을까?
현재 나는 이렇게 시도했다:
그리고 내 문제는 내가 이 일을 할 때localhost:5555/dworzec-pkp/nowa-iwiczna/12-10-2020
그러면 로 취급된다.:category?
또한 기본적으로 날짜 전체를 복사하여 붙여넣어야 한다.vue와 index.vue는 이 페이지가 거의 같기 때문에 거기에 있다.
참조URL: https://stackoverflow.com/questions/64333058/nuxt-routing-double-optional-params
반응형
'programing' 카테고리의 다른 글
반응 라우터 GoBack()이 제대로 작동하지 않음 (0) | 2022.04.02 |
---|---|
Vue JS에서 ID를 기준으로 마우스를 이동할 때 Div 표시 (0) | 2022.04.02 |
virtualenv에서 Python 3 사용 (0) | 2022.04.02 |
index.js:1375 Warning: Material-UI: 탭 구성 요소에 제공된 '/' 값이 잘못됨.이 값을 가진 탭 하위 탭 없음 (0) | 2022.04.02 |
vuex 스토어에서 vue-resource($ttp) 및 vue-router($route)를 사용하는 방법? (0) | 2022.04.01 |