Programing

DOM 변경 전에 Vue-roouter로 경로를 변경할 때 화재 발생?

c10106 2022. 3. 26. 09:51
반응형

DOM 변경 전에 Vue-roouter로 경로를 변경할 때 화재 발생?

나는 Vue에게 꽤 생소해, 이것이 아주 바보 같은 질문이 아니기를 바란다 :)

beforeDestroyDOM 구조가 변경된 에 발사된다.

나는 사용해 보았다.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

참조URL: https://stackoverflow.com/questions/52541403/fire-event-when-changing-route-with-vue-router-before-dom-changes

반응형