vue禁用浏览器前进后退

场景:在笔记本电脑上,左滑右滑到顶时,浏览器会自动前进或者后退,但是在实际情况中,后台管理系统的左侧导航无法对应当前前进或者后退的页面进行选中,因此,为了优化用户体验,我们需要禁用掉浏览器的前进后退。

首先,在main.js里面加入这段代码:


main.js

然后在route里面的index.js里面加入:


index.js

即可。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue官方文档以下内容作为本人日常学习使用,不作为参考 一、Vue环境搭建以及vue-cli的使用 Vue多页面应...
    好一只帅卤蛋阅读 765评论 0 1
  • 思路浏览器的前进和后退,我们日常生活中应该接触到很多。今天就来一起思考一下,他是如何实现的。如果我是一个浏览器开发...
    小陈陈酱阅读 627评论 0 0
  • vue中,我们所要实现的一个场景就是:1.搜索页面==>到搜索结果列表页时,搜索结果列表页面要重新获取数据,2.搜...
    白小纯Zzz阅读 6,779评论 0 3
  • vue的核心是什么? Vue 的核心设计理念可以概括为以下 5 个关键要素,这些要素共同构成了 Vue 的独特优势...
    Aniugel阅读 9,672评论 3 21
  • 学习目的 学习Vue的必备技能,必须 熟练使用 Vue-router,能够在实际项目中运用。 Vue-rout...
    _1633_阅读 92,412评论 3 58