Vue 라우팅 변경 페이지 데이터가 새로 고쳐지지 않는 문제 해결

아래에서는 Vue 라우팅 변경 페이지 데이터가 새로 고쳐지지 않는 문제를 해결하는 기사를 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

매일 조금씩 기록하며 제가 겪은 문제들을 기록해 놓으면 저와 같은 문제를 겪고 있는 더 많은 분들에게 도움이 되기를 바랍니다.

문제 설명: 인터페이스를 조정하면 도움말 페이지의 질문 목록이 여러 수준으로 표시됩니다. 클릭한 질문에 대한 다음 단계 질문이 없으면 콘텐츠 페이지로 이동합니다.

문제는 컴퓨터로 모바일 페이지를 만들다가 연달아 상세페이지로 점프했는데, 돌아가고 싶어서

​​버튼을 눌렀는데 바로 위의 첫 번째 사진으로 점프한게 아니네요. 아니요, 아니요, 이것은 제가 원하는 결과가 아닙니다. 지금 당장은 URL을 변경하여 페이지의 계층 구조를 변경하는 것이 좋습니다.

첫 번째 레벨의 상위는 0이며, 이는 기본적으로 표시되지 않거나 표시됩니다.

두 번째 레벨의 부모는 1입니다. 첫 번째 레벨 경로를 클릭하면 다음 그림으로 변경됩니다.

클릭하여 다음 레벨 페이지로 진입하면 데이터가 새로 고쳐지지만 컴퓨터를 클릭하여 되돌아가면, URL의 마지막 부모는 1이 되고 페이지는 여전히 2의 데이터를 표시하며

솔루션은 다음과 같습니다.

created () {
 console.log(this.getStatus(this.$route.path))
},
 watch: {
 '$route' (to, from) {
  console.log(this.getStatus(this.$route.path))
 }
 },
 methods: {
 getStatus (urlStr) {
  var urlStrArr = urlStr.split('/')
  return urlStrArr[urlStrArr.length - 1]
 }
},

위 내용은 제가 모두를 위해 편집한 내용입니다. 앞으로 모든 사람에게 도움이 됩니다.

관련 기사:

Vue 프로젝트에 아이콘 아이콘을 도입하는 방법

JavaScript에서 이메일 주소 형식 확인

Javascript 성능 최적화를 위한 시간 공유 기능 소개

위 내용은 Vue 라우팅 변경 페이지 데이터가 새로 고쳐지지 않는 문제 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!