vuejs 경로 푸시가 점프하지 않는 문제를 해결하는 방법

점프하지 않는 vuejs 경로 푸시에 대한 솔루션: 1. vue-router를 열어 코드 부분으로 점프합니다. 2. "watch: {'$route' (to, from) {...}" 메소드를 추가합니다. 3. , 라우터 변경 사항을 모니터링하고 페이지를 새로 고칩니다.

이 기사의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

vuejs 경로 푸시가 점프하지 않는 문제를 해결하는 방법은 무엇입니까?

vue-router는 $router.push와 동일한 경로를 가지며 점프하지 않습니다. 간단한 해결책

vue-router 점프는 일반적으로 다음과 같이 작성됩니다.

toCurrentPage: function(thisId){
          this.$router.push({path:'/test ', query: { id: thisId, option: ""}});
 }

하지만 을 만났을 때 같은 페이지에서 다른 쿼리로 이동해야 하는 경우 위의 방법이 작동하지 않습니다. 물론 성능 측면에서 이 상황에 대한 이론적으로 가장 좋은 해결책은 새로 고쳐야 할 항목을 init 함수로 래핑하고 해당 메서드로 점프한 다음 매개 변수를 전달하고 init 메서드를 다시 호출하는 것입니다. 발라발라발라...자세히 설명하지 않겠습니다.

그러나 다른 경우에는 기본 페이지의 모든 구성 요소를 다시 로드해도 오버헤드에 거의 영향을 미치지 않습니다. 원활한 작동 로직을 보장하기 위해 History.back이 필요합니다... 로드로만 점프하면 됩니다. 위의 방법에 따라 다음을 추가하세요:

watch: {
    '$route' (to, from) {
        this.$router.go(0);
    }
},

라우터 변경 사항을 모니터링하고 페이지를 새로 고침~

권장: "

최신 5개 vue.js 비디오 튜토리얼 선택"

위 내용은 vuejs 경로 푸시가 점프하지 않는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!