美文网首页
vue 阻止返回到上一页

vue 阻止返回到上一页

作者: 7b7d23d16ab5 | 来源:发表于2020-01-16 11:48 被阅读0次

vue 阻止返回到上一页

可以通过第三方库实现,非常方便

源码地址:https://github.com/WangMaoling/vue-prevent-browser-back

Prevent Browser Back for Vue2.

模拟阻止(适用于PC,移动端):在需要阻止浏览器返回上一页的页面使用次插件,当点击浏览器返回上一页时使页面不做任何变化。

Install

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

Usage

在需要阻止的组件单独引入,然后注入...

<template>
    <div>
    </div>
</template>
<script>
    import Home from "@/components/common/Home.vue";
    import preventBack from 'vue-prevent-browser-back';//组件内单独引入
    export default {
        mixins: [preventBack],//注入
        data() {
            return {};
        }
    };
</script>

demo

Sources

相关文章

网友评论

      本文标题:vue 阻止返回到上一页

      本文链接:https://www.haomeiwen.com/subject/bvdfzctx.html