vue项目当一直点击浏览器返回键的时候，从主页面跳到了登录页面

最新推荐文章于 2024-01-17 13:08:31 发布
最新推荐文章于 2024-01-17 13:08:31 发布
阅读量3k 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue-router $route.push $route.replace
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/meikaied/article/details/90701201
版权

问题如题， 突如其来的问题，让我闪了腰，不知道为什么
毕竟没有研究过浏览器的history
还是看了官网才知道原因：地址

  1. 登录成功后我用的是
this.$route.push('/home')

然而问题就来了

怎么改正呢 我用的是

this.$route.replace('/home')

这两个的主要区别就是
在这里插入图片描述

大头猴子
关注
专栏目录
如何vue中实现点击按钮返回上一页效果【亲测有效】
**My Coding Family**
03-15 1万+
如何通过点击的方式控制当前页返回到上一个路由页面？
vue跳到页面_Vue页面跳转,从A页面跳转到B页面,再从B页面跳转到A页面
weixin_30060575的博客
02-11 2173
问题描述A页面有input框，输入了之后，然后点击查询按钮，展现的查询结果为一个echart图表折线图，此时浏览器地址为/a，在echart图表上有点击事件，点击后跳转到B页面,浏览器地址为/a/b。现在点击浏览器后退的箭头，要回到/a页面，并且要让A页面的图表折线图还存在。问题出现的环境背景及自己尝试过哪些方法在router.js中A页面的路由设置了meta的keepAlive为true相关代码...
vue 动态路由使用name 跳转,直接跳到登录页
dell_Luo的博客
06-03 1124
出现这个问题大多数是由于用name跳转的时候,没携带params传参, 或者就是params为null或者空导致的,可以看下下面的案例 这是我的路由: 如果路由是这种,跳转时需要使用 name+params 传参数 let routeData = this.$router.resolve({ name: ‘commercialPreview’, params: { projectType: “111”,suid:“222” } }) window.open(routeData.href, ‘_blank’
用Vue实现点击返回上一个页面
weixin_46419373的博客
05-13 6957
通常在Vue当中，写电商案例，有时候需要返回到上一个页面，在这里我用的方式就是直接回到你写的上个页面 1、通过：this.$router.go(-1) 2、通过：this.$router.back()
#前端#项目#登录拦截 -跳回登录页面
LYR 的博客
07-30 617
Vue.use(Router) const routes = [ { path: '/login', name:'login', component: Login }, { path:'/', component: DashBoard, redirect:'cake/new', children:[ { path: '/cake/new', name: 'newCake', c.
前端-Vue.js从入门到精通基础笔记（理论+实操+知识点速查）
Only-CYY的博客
07-05 3828
【2022.3】尚硅谷Vue.js从入门到精通基础笔记（理论+实操+知识点速查）
Vue2+Vue3（脚手架）
最新发布
qq_47296476的博客
01-17 1600
组件化编码流程：​ (1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。​ (2).实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用：​ 1).一个组件在用：放在组件自身即可。放在他们共同的父组件上（状态提升）。​ (3).实现交互：从绑定事件开始。props适用于：​ (1).父组件 ==> 子组件 通信​ (2).子组件 ==> 父组件 通信（要求父先给子一个函数）
Vue全家桶（Vue基础看这篇就够了）
qq_63533863的博客
04-17 9599
第一章：vue核心 1.1.Vue 简介 1.1.1 官网 1.英文官网：Vue.js - The Progressive JavaScript Framework | Vue.js 2.中文官网：Vue.js 1.1.2 Vue是什么？ 一套用于构建用户界面的渐进式Javascript框架 作者：尤雨溪 1.1.3 Vue的特点 1.采用组件化模式，提高代码复用率、且让代码更好维护 2.声明式代码，让编码人员无需直接操作DOM，提高开发效率 3...
Vue_test
qq_45849161的博客
07-22 1266
vue笔记
Vue高级知识概括
weixin_41005188的博客
07-20 1952
..
vue实现微信浏览器左上角返回按钮拦截功能
11-21
【需求】 　　在微信公众号开发中，有时需要对浏览器左上角返回按钮进行拦截处理相关的页面逻辑，而并不是让页面直接返回上一页，之前在这个细节点上的一直实现得不是很好。但看到京东购物公众号上的效果却实现得非常好，所以自己也开始了这方面的尝试。京东的效果如下图： 从上图京东购物效果上来看，在点击搜索拉起一个搜索界面，然后点击左上角反回，只是将搜索界面收起，而页面没有重新像读取进度条一样去返回，而我页面需要的正是这样的效果，下面就用vue来做一个这个过程的 demo 吧。 【前提】 　　微信左上角的返回按钮其实无法被拦截，但是可以监听到这个返回事件。 【思路】 　　要想真正拦截返回事件，可以当前页面先
vue2.x 使用前端的方式 浏览器返回登录页后不让跳过登录进入其他页面
qq_38809672的博客
02-11 1268
如标题所示： 使用单纯前端方式来验证返回登录页后，不能使用浏览器前进的方式绕过登录页。 如果项目未使用vue-router需要先添加插件： npm install vue-router@版本号（本文使用的是3.x版本） vue add router（问是否使用history mode什么的选Y） 添加成功后项目会有个新目录 本文使用了feb-alive插件，不用也没有影响。 区别是如果使用了feb-alive插件这里的代码需要多写一个参数 项目还是用了element ui的组件 如何添加到项目可参考其官
解决vue登录后点击返回以后回到了登录页
SHERLOCK_96的博客
05-29 2710
1、挂载完成后，判断浏览器是否支持popstate mounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false); } }, 2、页面销毁时，取消监听。否则其他vue路由页面也会被监听 destroyed()
vue适配移动端h5之浏览器自带回退的坑
weixin_62216253的博客
11-03 901
vue 浏览器 浏览器自带回退 回退混乱
vue 跳转路由后返回上一页还是当前页面，但是路由地址有改变（已解决）
weixin_45923100的博客
12-08 8501
在使用beforeRouteLeave()跳转前拦截的时候一定要注意，要执行next()这个回调函数，它的意思是执行跳转的意思，你不写，就不会发生跳转。
vue.使用popstate监听点击浏览器自带返回按钮
最初都是小白
06-27 1878
vue.使用popstate监听点击浏览器自带返回按钮
vue-router禁止访问某个页面时，点击浏览器回退按钮还是能访问到
DreamFJ的博客
02-27 3648
有时候为了不让某些用户访问某些页面（即权限控制），可能会使用next(false)中断其访问，或者跳转到404页面，这时候如果点击浏览器“倒退”按钮其实还是能访问到，因为保留了历史访问记录，所以在跳转的时候需要处理一下，使其不保留历史访问记录 1.使用next(false)时，可以在其前面一行加上this.$router.go(-1) this.$router.go(-1) next(fal...
Vue-浏览器返回按钮跳转问题
oqqaKun1的博客
11-21 2126
在vue的项目开发中，为了控制在登录vue开发的管理系统后，跳转到某一个指定的vue， 在main.js中使用了： const router = new VueRouter({   routes }) router.push('./content')   //控制首页加载的跳转 new Vue({   router,   store,   render: h => h(App) })...
vue点击浏览器返回到指定页面
05-24
你可以使用 `vue-router` 中的 `router.go()` 方法来实现点击浏览器返回到指定页面。 例如，假设你希望在用户点击浏览器返回按钮时返回到 `home` 页面，你可以在 `created` 生命周期钩子函数中监听 `window` 对象的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值