>

동적 경로가있는 구성 요소가 있습니다.

동적 경로는 다음과 같이 추가됩니다 :

let config = [];
for(let i = 0; i < this.pages.length; i++) {
  config.push({
    path: this.pages[i].slug, 
    name : this.pages[i].name, 
    component: AnotherComponent,
  });
}
router.config(config);

동적 경로가있는 구성 요소가 두 번 이상로드 될 때마다 경로가 다시 구성되어 구성 충돌이 발생합니다.

다음은 plunk 입니다. 동적 경로는 링크 users 와 함께로드됩니다 users 를 다시 클릭  사용자로부터 이동 한 후 아래 표시된 오류를 콘솔에 기록합니다.

어떻게 수정합니까? 조사해 주셔서 감사합니다.

  • 답변 # 1

    경로를 추가하기 전에 존재하는지 확인

    for(let i = 0; i < this.pages.length; i++) {
      if(!router.registry.hasRoute(this.pages[i].name, UsersComponent)) {
        config.push({
          path: this.pages[i].slug, 
          name : this.pages[i].name, 
          component: PersonComponent,
          data : {
            name : this.pages[i].name,
            slug : this.pages[i].slug
          }
        });
      }
    }
    
    

    플 런커

  • 이전 splunk - Spunk Java SDK jobisDone ()은 절대 적용되지 않습니다
  • 다음 windows - 시스템 호출, set_time_limit가 작동하지 않는 스크립트에 대한 PHP 설정 시간 초과