vue가 이전 페이지로 돌아가는 것을 방지하는 방법

Vue는 이전 페이지로 돌아가는 것을 금지합니다. 1. "npm install vue-prevent-browser-back --save" 명령을 통해 "vue-prevent-browser-back"을 설치합니다. 2. "import PreventBack from.."을 사용합니다. " 메소드가 별도로 도입되었습니다. 3. "mixins: [preventBack]" 문을 추가하면 이전 페이지로 돌아가는 것을 금지할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 3, Dell G3 컴퓨터.

vue에서 이전 페이지로 돌아가는 것을 방지하는 방법은 무엇입니까?

Vue에서 페이지 롤백을 방지하는 간단한 방법(브라우저에 적용 가능)

1. 페이지 롤백을 방지하는 방법은 무엇인가요?

VUE에서 페이지로 이동한 후 페이지 반환을 방지하는 방법은 여러 가지가 있습니다. 여기에 모두 나열하지는 않겠지만 페이지 반환을 방지하기 위해 vue-prevent-browser-back 타사 라이브러리를 사용합니다. . 이 방법은 사용하기 매우 편리합니다.

2. 사용 단계

1. 설치

코드는 다음과 같습니다.

npm install vue-prevent-browser-back --save

2.소개 방법

코드는 다음과 같습니다.

import preventBack from 'vue-prevent-browser-back';//组件内单独引入

3.사용 예

코드는 다음과 같습니다.

<script>
import preventBack from &amp;#39;vue-prevent-browser-back&amp;#39;;//组件内单独引入
export default {
    name: &#39;&#39;,
    props: {},
    mixins: [preventBack],//注入  阻止返回上一页
    components: {},
    data() {
        return {};
    },
    computed: {},
    watch: {},
    methods: {},
    created() {},
    mounted() {}
};
</script>

Summary

이상이 오늘의 내용입니다. vue-prevent-browser-back 사용법을 컴포넌트에 도입한 후 **mixins: [preventBack]**을 추가하면 완료됩니다. 다른 방법보다 간단하다?

추천 학습: "vue.js 비디오 튜토리얼"

위 내용은 vue가 이전 페이지로 돌아가는 것을 방지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!