模拟阻止浏览器自带的返回事件

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

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。