vue如何禁止返回到上一页

本文小编为大家详细介绍“vue如何禁止返回到上一页”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue如何禁止返回到上一页”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

成都创新互联主要从事成都网站设计、网站制作、外贸营销网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务修水,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

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.使用实例

代码如下:


读到这里,这篇“vue如何禁止返回到上一页”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


本文题目:vue如何禁止返回到上一页
地址分享:http://bzwzjz.com/article/pcejgd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都模版网站建设 重庆网站建设 成都网站设计 手机网站制作 高端网站设计 外贸网站建设 高端品牌网站建设 成都网站建设 品牌网站建设 网站制作公司 高端网站设计推广 古蔺网站建设 成都网站建设 企业网站设计 成都网站设计 网站建设费用 网站建设方案 营销网站建设 网站设计 成都网站建设推广 企业手机网站建设 网站设计制作