동일한 이름의 경로 전환 데이터가 업데이트되지 않는 경우 Vue + Vue-router 구현 방법

이 글은 Vue + Vue-router 라우팅 전환 데이터가 업데이트되지 않도록 하는 방법을 주로 소개합니다. 관심 있는 친구들이 참고하면 도움이 될 것입니다.

기본적으로 동일한 이름의 경로 간 전환은 실행되지 않습니다. 왜냐하면 구성 요소를 사용하고 데이터를 얻을 준비가 되어 있기 때문입니다. 이를 해결하는 방법은 두 가지가 있습니다.

참고: 이 문제는 vue1

메서드에만 있습니다. 1: 데이터 수집을 Route.data에 넣습니다~

route: {
  data({to: {params: { page }}}) {
    return Promise.all([
      this.getApi()
    ]).then(() => {

    })
  }
}

방법 2: Route.canReuse = false로 설정하여 구성 요소를 재사용하지 않도록 강제합니다~

route: {
  canReuse() {
    return false
  }
},
ready() {
  var request = $.ajax({
    type: "POST",
    dataType: 'json',
    url: "api.php"
  });
  request.then((json) => {
    // balabala
  });
}

관련 권장 사항:

Build vue2 vue-router2 webpack3 엔지니어링 튜토리얼

vue-router 라우팅 기본 인스턴스 공유

vue-router는 탭 탭 페이지를 구현합니다

위 내용은 동일한 이름의 경로 전환 데이터가 업데이트되지 않는 경우 Vue + Vue-router 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!