programing

마운트된 vue의 페이지 한 번만 다시 로드

prostudy 2022. 7. 16. 13:48
반응형

마운트된 vue의 페이지 한 번만 다시 로드

사용자가 페이지를 방문했을 때 한 번만 페이지를 새로 고쳤으면 합니다.

하지만 만약 내가location.reload()mounted(). 무한 루프 페이지 새로고침을 트리거합니다.

무한 새로고침을 피하기 위해 페이지를 조건부로 새로고침하는 방법을 생각해내야 합니다.

한 가지 방법은 로컬 스토리지에 값을 설정하는 것입니다.

mounted() {
    if (localStorage.getItem('reloaded')) {
        // The page was just reloaded. Clear the value from local storage
        // so that it will reload the next time this page is visited.
        localStorage.removeItem('reloaded');
    } else {
        // Set a flag so that we know not to reload the page twice.
        localStorage.setItem('reloaded', '1');
        location.reload();
    }
}

언급URL : https://stackoverflow.com/questions/50213901/reload-page-in-vue-just-once-in-mounted

반응형