Vue 경로 this.route.push 페이지 를 새로 고치 지 않 는 솔 루 션
1583 단어 Vue점프페이지새로 고침 하지 않 음
배경
소개: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();
}
},
this.$router.push({name:"",params:{id:""}})
this.$router.push({path:"",query:{id:""}})이상 은 개인 적 인 경험 이 므 로 여러분 에 게 참고 가 되 기 를 바 랍 니 다.여러분 들 도 저 희 를 많이 응원 해 주시 기 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
