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>

概要

##以上が今日の内容です この記事では vue-prevent-browser-back の使い方を紹介しています コンポーネントに導入後 **mixins: [preventBack]** を追加すれば完成です他の方法は？

推奨学習: 「

vue.js ビデオ チュートリアル 」

以上がvue が前のページに戻らないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。