this.$router.go(-1)返回，如果是同一页面不同参数，不刷新页面

李白和星星

于 2024-08-23 18:09:14 发布

阅读量346

点赞数 1

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_35469137/article/details/141472092

版权

同一个路由下，只是参数改变，this.$router.go(-1)默认为路由没有改变，因此并不重新加载页面。

解决方法：在watch监听路由参数改变，重新调用接口刷新页面，或者重新赋值参数

比如我的是改变id

 watch:{
        '$route'(to, from){
            //当路由变化时进行相应的处理this
            this.id = to.query.id
          
        }
    },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

李白和星星

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue项目使用$router.go(-1)刷新原来界面

花开富贵的博客

05-27

1万+

1.问题：我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭,状态未更新之类的等等 2.原因：使用$router.go(-1)返回，之前的数据都保留，并未刷新原来的界面 3.解决方案：在原页面watch中，对router进行监控，当router发生变化时，执行初始化界面方法： watch: { '$route' () { this._initData();//我的初始化方法 } }, 或

vue中 this.$router.go(-1) 失效，路由改变了，界面未刷新

xuelong的博客

12-25

2237

在vue项目中使用this.$router.go(-1)返回上一页时，发现有时候该功能是正常的，有时候，路由改变了，但页面依旧停留在当前界面。

参与评论您还未登录，请先登录后发表或查看评论

vue项目使用$router.go(-1)返回时刷新原来的界面操作

10-15

主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

解决$router.go(-1)返回上一层页面不刷新页面问题

u011280778的博客

10-06

7531

原因：页面没有跳转过去，但网址已经跳转过去了，这个原因是因为他没有进行缓存，所以页面没有进行及时的渲染。方案一 //先在router/index.js中添加路由元信息，设置需要缓存的页面 routes: [{ path: '/', name: 'index', component: index, meta: { keepAlive: false, //此组件不需要被缓存 } },{

this.$router.go(-1)页面不刷新

小菜张的博客

05-19

4786

两个解决办法一使用this.$router.push 这种方法会刷新，但是前提是push的这个页面不是缓存的路由；二监听路由 @Watch('$route') private routeChange(){ } 参考https://blog.csdn.net/Nalaluky/article/details/84201445 ...

this.$router.go(-1)再次点击页面时数据不刷新？

ccy_888的博客

06-10

1974

返回按钮采用this.$router.go(-1)后，点击页面然后返回，再点进去页面，发现页面数据状态没有改变。

【vue项目】this.$router.go(-1)返回跳转到系统首页（问题解决）

热门推荐

辰兮要努力

10-23

1万+

【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步! 吾等采石之人，应怀大教堂之心，愿大家奔赴在各自的热爱里… 文章目录一、业务场景二、拓展提升一、业务场景 hello本期简单总结一下vue项目中遇到的点击返回按钮跳首页问题业务场景：如上按.

vue路由跳转页面不刷新、this.$router.go(-1)不生效

黑玫瑰

07-12

8196

vue项目中遇见了这样一个问题：使用this.$router.go(-1)回到上一页，路由改变了，但是页面展示还是停留在当前页面，需要手动刷新才能渲染跳转后的页面。router-view 如下：一般情况用到上面这种写法就能解决问题了，但是我这里还是不生效。然后我就想到了如下方法：解决思路：在钩子时，使用存储from.path；然后在点击返回的时候使用this.$router.push代码：...

this.$router.go(-1)遇到的一些问题记录

凉茶冰

08-13

6923

目录前提条件需求描述问题描述 1 无法返回到列表 2 无法渲染的页面 3 无法关闭的新页签参考文献前提条件目前有这样一个需求，在列表中，点击列表的某个记录，会直接进入到A页面假设为：http://localhost:8080/#/index/123，在A页面内部有以下元素：（1）一个返回按钮，通过this.$router.go(-1)返回，或者是window.close()直接关闭页面。（2）一个a标签的连接，点击之后页面跳转到http://localho...

vue跳转this.$router.push()同一路由如何强制刷新页面

07-27

如果希望在同一路由下强制刷新页面，可以使用以下方法： 1. 使用 `this.$router.go(0)`：这将重新加载当前页面，类似于用户点击浏览器的刷新按钮。可以在路由跳转之后调用 `this.$router.go(0)` 来实现强制刷新。 ...

vue-router重写push方法,解决相同路径跳转报错问题

10-14

在Vue.js应用中，Vue-Router是一个至关重要的组件，它负责管理应用的路由，使得页面在不同的URL之间平滑切换。然而，在某些情况下，当尝试重定向到已激活的相同路径时，Vue-Router可能会抛出错误。为了解决这个问题...

Vue 系列 | Vue-Router

LorneNote

10-02

674

注意：本文所有示例代码详见：vue-rouer-demo 1.What | 什么是Vue Router Vue Router是Vue.js提供的官方路由管理器，它和Vue.js深度集成,使构建单页面应用非常方便。 2.Why | 为什么要使用Vue Router 大家打开LorneNote个网站，这是我的一个blog网站，采用传统的开发模式，鼠标右击，在出现的菜单里选择View Page S...

vue-router

分享日常学习笔记，记录学习

08-21

395

vue-router的使用笔记

vue路由传参，刷新页面后参数类型改变

weixin_44487203的博客

05-12

1378

vue路由传参页面刷新后参数类型改变

vue 做移动端时 vue-router go(-1)页面不会自动刷新

会飞的咕咕鱼的博客

08-02

5258

vue 做移动端时 vue-router go(-1)页面不会自动刷新解决方法： 1.使用 this.$router.push('....')代替this.$router.go(-1);

用keep-alive解决切换路由返回后页面不重新加载的问题

兔子

09-21

1209

vue,keep-alive

Vue2移动端项目使用$router.go(-1)不生效问题记录