Vue 라우터 keep-alive 및 탑재 된 동작

Question

<keep-alive>을 사용하기 전에 mounted() 메서드에서 일부 논리를 사용했습니다. 예 : document.title = this.title. 이제 제목은 첫 번째로드에서만 변경됩니다.

경로 변경을 수신 할 수는 있지만 페이지에 착륙하면 작동하지 않습니다.

<keep-alive>에서 다른 구성 요소의로드를 감지하는 적절한 방법은 무엇입니까?

Answer 1

로직을 keep-alive 구성 요소가 활성화 될 때마다 호출되는 activated 라이프 사이클 후크로 이동하십시오. 예를 들어

:

new Vue({ 
    ... 
    activated: function() { 
    document.title = this.title; 
    }, 
    ... 
});