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

最新推荐文章于 2024-08-23 18:09:14 发布

_花开富贵

最新推荐文章于 2024-08-23 18:09:14 发布

阅读量1.2w

点赞数 4

分类专栏： vue react 文章标签： html vue

本文链接：https://blog.csdn.net/sinat_42338962/article/details/106385544

版权

本文介绍了在Vue项目中遇到利用$router.go(-1)刷新当前页面的问题，详细分析了问题的原因，并提出两种可行的解决方案，同时邀请读者分享更好的方法。

摘要由CSDN通过智能技术生成

1.问题：

我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，
之前的界面，保持着上次跳转的状态，比如说：弹框未关闭,状态未更新之类的等等

2.原因：

使用$router.go(-1)返回，之前的数据都保留，并未刷新原来的界面

3.解决方案：

在原页面watch中，对router进行监控，当router发生变化时，执行初始化界面方法&#

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_花开富贵

关注关注

4
点赞
踩
5

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【Vue全家桶】Vue-Router (详解)

贤蛋大眼萌

08-09

2602

**前端渲染：**每次请求涉及到的静态资源都会从静态资源服务器获取，这些资源包括HTML+CSS+JS，然后在前端对这些请求回来的资源进行渲染。使用push的特点是压入一个新的页面，那么在用户点击返回时，上一个页面还可以回退，但是如果我们希望当前页面是一个替换操作，那么可以使用replace。组件的本身也有组件需要内部切换，这个时候就可以采用嵌套路由，在第一层路由中也使用router-view来占位之后需要渲染的组件。以根据自己不同的需求加载不同的路由，做到不同的实现及页面的渲染。...

vue-router

Ulrica_Amaris的博客

04-05

456

vue-router 路由路由是一个网络工程里面的术语。路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. 路由器提供了两种机制: 路由和转送. 路由是决定数据包从来源到目的地的路径. 转送将输入端的数据转移到合适的输出端. 路由中有一个非常重要的概念叫路由表路由表本质上就是一个映射表, 决定了数据包的指向后端路由阶段 1、早期的网站开发整个HTML页面是由服务器来渲染的 2、服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示. 一个页面有自己对应的网址, 也

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

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

最新发布

qq_35469137的博客

08-23

484

同一个路由下，只是参数改变，this.$router.go(-1)默认为路由没有改变，因此并不重新加载页面。解决方法：在watch监听路由参数改变，重新调用接口刷新页面，或者重新赋值参数。

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

10-15

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

Vue this.$router.go(-1)；刷新问题

weixin_44276396的博客

10-27

3260

Vue this.$router.go(-1);刷新问题 watch: { ‘$route’() { this.getList();//我的初始化方法 } }, 想刷新哪些数据就调用哪个方法

Keep-Alive组件的使用

aeipyuan

06-23

335

使用场景组件切换时缓存之前加载的状态不会被销毁，避免反复渲染同时减少网络请求使用方式使用keep-alive中的属性include或exclude,根据组件name判断 <keep-alive include="test1"> <router-view></router-view> </keep-alive> 在路由中配置属性标识是否缓存 { path: '/te

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

xuelong的博客

12-25

2417

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

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

小菜张的博客

05-19

4841

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

$router.push返回页面刷新

08-22

- *1* [vue项目使用$router.go(-1)返回时刷新原来的界面操作](https://download.csdn.net/download/weixin_38748382/13127980)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...

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

ccy_888的博客

06-10

1998

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

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

Mr.小灰狼_随笔

01-18

1875

Vue2移动端项目使用$router.go(-1)不生效问题记录目录 1、this.$router.go(-1) 改成this.$router.back() 2、存储 from.path，使用 this.$router.push 3、hash模式中使用h5新增的onhashchange事件做hack处理 4、this.$router.go(-1) 之前添加一个 replace 方法

vue $router.go(-1)的使用

Allen-Ye博客

05-11

6190

在项目中可能会遇到这样的问题，就是跳到详情在返回来还希望保持原来的搜索结果，就是不希望刷新，这个时候呢keep-alive就起到了很大的作用接下来就说说如何使用keep-alive来动态缓存页面的。一：直接在外边加一层keep-alive就是全部缓存，返回都不刷新比如在App.vue <template> <div id="app"> <keep-alive> <router-view></router-vie

页面回退时原页面刷新

Dolores_zsq的博客

06-30

675

使用this.$router.go(-1)回退页面时，无法携带参数，但需要上级页面刷新，并且上级页面的created并不会再度触发时，采用监听。在上级页面添加监听，这里只要路由发生跳转，则会触发。然后在methods中刷新表格的内容即可。

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

热门推荐

辰兮要努力

10-23

1万+

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

vue 路由返回 go(-1) 携带参数

神膘护体小月半的博客

11-01

5303

vue 路由返回 go(-1) 携带参数

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

凉茶冰

08-13

6963

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

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

黑玫瑰

07-12

8235

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

vue this.$router.go(-1)

03-28

The Vue.js code "this.$router.go(-1)" is used to navigate to the previous page in the browser history. When a user clicks on a link or performs any action that changes the URL, the browser adds that...