나는 vuejs 단일 페이지 응용 프로그램

Question

내가 vuejs에 단일 페이지 응용 프로그램을 구축에 상쾌한 페이지를하고 난 다음 상황이 있습니다

것은 내가 VUE 라우터 및 VUE-자원을 사용하고 있습니다. 탐색 메뉴가 올바르게 작동합니다. 메뉴의 링크를 클릭 할 때 페이지의 일부가 페이지 새로 고침없이 변경됩니다. 하지만 ... 다른 페이지에 리디렉션

this.$router.go('/about'); 

... 전체 응용 프로그램 상쾌한를 사용하려고하고있을 때.

페이지를 새로 고치지 않고 URL을 변경하는 방법은 무엇입니까?

P. 또한 사용하려고 시도 :

window.location.href = "/about"; 

하지만 같은 결과가 있습니다.

감사합니다.

Answer 1

는 페이지가

를 refeshed지고있는 이유 window.history.go(n)

유사한,

이

this.$router.push('/about'); 

$router.go(n) 앞으로 이동하거나 역사 스택에서 뒤로 이동하는 방법을 여러 단계로 나타내는 정수 소요 사용해보십시오

프로그래밍 방식 내비게이션에 대해 자세히 알아보기 here

Answer 2

단일 페이지 응용 프로그램의 탐색 메뉴에서 대부분의 경우 <router-link :to="/about">을 사용하게됩니다. Vue API의 비슷한 메소드는 router.push ('/ about')입니다. 탐색 버튼을 클릭하면 내부적으로 호출되는 메소드입니다.

템플릿

<button @click="goToAbout()">About</button> 

스크립트

methods: { 
      goToAbout: function() { 
      this.$router.push('/about') 
      }, 
} 

,이 브라우저의 역사 스택에서 뒤로 이동하는 데 사용됩니다 같이 this.$router.go('/about');의 사용은 여기에 잘못된 것입니다. 이 API는 단계 수 인 정수만 예상합니다.

`window.location.href = "/ about"을 사용하면 순수한 상위 수준의 브라우저 기능과 VUE 스파를 넘어서게됩니다.