Vue 경로 this.route.push 페이지 를 새로 고치 지 않 는 솔 루 션

Vue 경로 this.route.push 점프 페이지 새로 고침 하지 않 음
배경
소개:vue 프로젝트 개발 에서 경로 로 페이지 를 이동 할 때 경로 가 이동 하 는 페이지 는 새로 고침 하지 않 습 니 다.
즉 vue 라 이 프 사이클 함수 가 실행 되 지 않 았 습 니 다(created,mounted 갈고리 함수).
사례:
A 페이지:

B 쪽:

질문:
A 페이지 에서 첫 번 째 단 추 를 눌 러 B 페이지 에 갔 을 때 모든 것 이 정상 이 었 습 니 다.A 페이지 로 돌아 가 다시 단 추 를 눌 렀 을 때 B 페이지 는 mounted 갈고리 함 수 를 실행 하지 않 았 고 그 결과 mounted 함수 에서 조회 방법 이 실행 되 지 않 았 습 니 다.
2.해결 방법:
1.activated:{}주기 함 수 를 mounted:{}함수 대신 사용 하면 됩 니 다.
2.도청 경로

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

//          
watch: {
	'$route' (to, from) {
    //  mounted       ,    
	this.qBankId = globalVariable.questionBankId;
	this.qBankName = globalVariable.questionBankTitle;
	this.searchCharpter();
	}
},
Vue this.$router.push 경로 전환,새로 고침 매개 변수 사라 짐

this.$router.push({name:"",params:{id:""}})
name 과 params 를 조합 하면 새로 고침 인자 가 사라 집 니 다.

this.$router.push({path:"",query:{id:""}})
path 와 query 를 조합 하면 페이지 를 새로 고 치 는 매개 변 수 는 사라 지지 않 습 니 다.query 의 매개 변 수 는 url 의 일부분 이 되 었 습 니 다.
이상 은 개인 적 인 경험 이 므 로 여러분 에 게 참고 가 되 기 를 바 랍 니 다.여러분 들 도 저 희 를 많이 응원 해 주시 기 바 랍 니 다.

좋은 웹페이지 즐겨찾기