vue如何禁止返回到上一页

本文讲解"vue怎么禁止返回到上一页"，希望能够解决相关问题。

vue禁止返回到上一页的方法：1、通过“npm install vue-prevent-browser-back --save”命令安装“vue-prevent-browser-back”；2、使用“import preventBack from...”方式单独引入；3、通过添加“mixins: [preventBack]”语句实现禁止返回到上一页即可。

Vue阻止页面回退简单方法（浏览器适用）

一、如何阻止页面回退？

VUE中跳转页面后，阻止返回的方法有很多种，这里就不一一列举，我是用vue-prevent-browser-back第三方库来阻止页面返回，这个方法使用起来超级方便。

二、使用步骤

1.安装

代码如下：

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

2.引入方式

代码如下：

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

3.使用实例

代码如下：

<template>
    <div class="container">
        <div class="container-text">
          <p>禁止返回上级页面！</p>
        </div>
    </div>
</template>
<script>
import preventBack from 'vue-prevent-browser-back';//组件内单独引入
export default {
    name: '',
    props: {},
    mixins: [preventBack],//注入  阻止返回上一页
    components: {},
    data() {
        return {};
    },
    computed: {},
    watch: {},
    methods: {},
    created() {},
    mounted() {}
};
</script>

关于 "vue怎么禁止返回到上一页" 就介绍到此。希望多多支持编程宝库。

vue打包刷新报错如何解决：本文讲解"vue打包刷新报错怎么解决"，希望能够解决相关问题。vue打包刷新报错的解决办法：1、将vue router的“mode”改成“hash”；2、修改Nginx为“location / {root ... ...