독립적인 선택적 URL 매개변수를 가지면서 Vue Router의 선택적 URL 매개변수에 대한 기본값을 설정합니다.

Question

<p>다음 경로가 있습니다</p> <pre class="brush:php;toolbar:false;">export const personRoutes: RouteRecordRaw[] = [ { 경로: '/person/:id?/:handedSlug?', 이름: '사람', 구성요소: () => import('./view/person'), }, ];</pre> <p>필터 조건을 수락하고 경로를 업데이트하는 메소드가 있습니다. </p> <pre class="brush:php;toolbar:false;">updateRoute(): void { const 필터 = this.filters; const 라우터 = this.$router; 라우터.푸시({ 이름: '사람', 매개변수: { ID:filters.getId(), handedSlug:filters.handedSlug(), }, }); },</pre> <p>제가 직면한 문제는 id가 null이고 handed가 설정된 경우 반환된 URL은 person/handedValue이고 필요한 것은 person/all/handedValue라는 것입니다. <br /><br />URL에 다음 매개변수가 설정된 경우 선택적 매개변수에 대한 기본값은 어떻게 설정하나요?

Answer 1

현재 그런 방법은 없는 것 같지만 만약 있다면 선택 사항이라고 할 수는 없습니다. filter.getId()가 비어 있으면 간단히 'all' 문자열을 전달하는 것이 좋습니다.

으아아아