반응형
DOM 변경 전에 Vue-roouter로 경로를 변경할 때 화재 발생?
나는 Vue에게 꽤 생소해, 이것이 아주 바보 같은 질문이 아니기를 바란다 :)
그beforeDestroy
DOM 구조가 변경된 후에 발사된다.
나는 사용해 보았다.beforeUpdate
그리고updated
하지만 DOM이 바뀌기 전에 발포되는 것은 없는 것 같다.
온라인 복제: https://jsfiddle.net/p2c3b10t/18/(콘솔 확인)
Vue 라우터로 라우팅을 처리할 때는 라이프사이클 후크에 의존하지 말고 내비게이션 가드를 사용하십시오.이러한 경비원은 항로 항로 항법 프로세스에 연결되며 전역, 항로당 또는 구성요소에 포함될 수 있다.
이 특별한 경우에, 우리는 그 사람을 찾고 있다.beforeRouteLeave
부대 내 경비
beforeRouteLeave (to, from, next) {
// called when the route that renders this component is about to
// be navigated away from.
// has access to `this` component instance.
}
이 경비원이라면, 우리는 접근할 수 있다.to
그리고from
, 그리고 전화하다next
.
export type NavigationGuard = (
to: Route,
from: Route,
next: (to?: RawLocation | false | ((vm: Vue) => any) | void) => void
) => any
to
목표 경로 입니다.from
현재 항행 중인 경로 입니다.next
후크를 해결하기 위해 호출해야 하는 함수가
이 가드 내부의 논리를 수행한 후에는 반드시 전화를 걸어야 한다.next()
고리를 풀다
수정된 JSFiddle
반응형
'Programing' 카테고리의 다른 글
콜백을 기반으로 관찰 가능한 반환 (0) | 2022.03.26 |
---|---|
Chrome Extension에서 VueRouter 및 Vue.js 사용 - 경로 세그먼트 관련 문제 (0) | 2022.03.26 |
MySQLDB라는 모듈 없음 (0) | 2022.03.26 |
VueJS 3(Vuex 4 포함): 상태가 업데이트되지 않음 (0) | 2022.03.25 |
각각은 JavaScript 배열의 함수 오류가 아님 (0) | 2022.03.25 |