vue 컴포넌트가 있는 브라우저의 뒤로 버튼을 비활성화하려면 어떻게 해야 합니까?

vue 컴포넌트가 있는 브라우저의 뒤로 버튼을 비활성화하려면 어떻게 해야 합니까?

내 vue 컴포넌트는 다음과 같습니다.

<template>
    <span class="rating">
        ...
    </span>
</template>
<script>
    export default {
        props: {
            'star': null
        }, 
        ...
    }
</script>

컴포넌트가 실행 중일 경우 브라우저의 버튼을 비활성화합니다.따라서 사용자는 이전 페이지로 돌아갈 수 없습니다.

어떻게 해야 하죠?

vue 인스턴스를 생성할 html 파일을 추가하여 이 스크립트를 사용해 보십시오.

history.pushState(null, null, location.href);
window.onpopstate = function () {
    history.go(1);
};

URL이 변경될 때마다 이 코드를 실행하십시오.사용자의 백액션을 상쇄합니다.

window.history.forward(1)

언급URL : https://stackoverflow.com/questions/45541789/how-can-i-disable-back-button-on-the-browser-with-vue-component