页面回退时原页面刷新

最新推荐文章于 2024-07-10 10:10:23 发布
最新推荐文章于 2024-07-10 10:10:23 发布
阅读量475 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dolores_zsq/article/details/131471981
版权
当使用`this.$router.go(-1)`回退至上一页面时，若需刷新页面且不触发created事件，可采用监听路由变化的方法。在上级页面设置监听器，一旦路由改变，便刷新表格内容，确保数据更新。
摘要由CSDN通过智能技术生成

使用this.$router.go(-1)回退页面时，无法携带参数，但需要上级页面刷新，并且上级页面的created并不会再度触发时，采用监听

在上级页面添加监听，这里只要路由发生跳转，则会触发

然后在methods中刷新表格的内容即可

 

 

Dolores_zsq
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中router.go(-1)回退时如何判断有没有上一个路由
DWForYou_DJF
03-16 1163
【代码】Vue中router.go(-1)回退时如何判断有没有上一个路由。
vue项目使用$router.go(-1)刷新原来界面
花开富贵的博客
05-27 1万+
1.问题： 我们常常需要使用$router.go(-1)返回之前的页面，但是却发现， 之前的界面，保持着上次跳转的状态，比如说：弹框未关闭,状态未更新之类的等等 2.原因： 使用$router.go(-1)返回，之前的数据都保留，并未刷新原来的界面 3.解决方案： 在原页面watch中，对router进行监控，当router发生变化时，执行初始化界面方法： watch: { '$route' () { this._initData();//我的初始化方法 } }, 或
vue项目使用$router.go(-1)返回时刷新原来的界面
热门推荐
line
11-18 4万+
在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。 问题如下： 界面1 ： 界面2使用$router.go(-1)返回上一次的界面 由于使用$router.go(-1)返回，导致之前的数据都保留，并未刷新原来的界面，如下：还是显示跳转前的弹框 解决方法1： 不要使用...
解决返回上一级this.$router.go(-1)页面不刷新的问题
qq_41442428的博客
02-17 9758
需求：给你一维数组，里面是通过父节点的id与子元素挂钩。 dataList: [ { “gid”: 1, “parentId”: null, “name”: “评价0”, “siblingId”: 0 }, { “gid”: 2, “parentId”: null, “name”: “评价1”, “siblingId”: 1 }, { “gid”: 3, “parentId”: null, “na...
Keep-Alive组件的使用
aeipyuan
06-23 284
使用场景 组件切换时缓存之前加载的状态不会被销毁，避免反复渲染同时减少网络请求 使用方式 使用keep-alive中的属性include或exclude,根据组件name判断 <keep-alive include="test1"><!-- 仅对name为test1的组件缓存 --> <router-view></router-view> </keep-alive> 在路由中配置属性标识是否缓存 { path: '/te
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue this.$router.go(-1)；刷新问题
weixin_44276396的博客
10-27 3218
Vue this.$router.go(-1);刷新问题 watch: { ‘$route’() { this.getList();//我的初始化方法 } }, 想刷新哪些数据就调用哪个方法
this.$router.go(-1)页面不刷新
小菜张的博客
05-19 4640
两个解决办法 一 使用this.$router.push 这种方法会刷新，但是前提是push的这个页面不是缓存的路由； 二 监听路由 @Watch('$route') private routeChange(){ } 参考https://blog.csdn.net/Nalaluky/article/details/84201445 ...
vue2.0页面前进刷新回退不刷新的实现方法
10-18
在Vue 2.0中，有时我们需要实现页面前进时刷新数据，而回退时不重新加载，以提供更好的用户体验。这个功能在单页面应用（SPA）中尤为常见，尤其是在导航历史管理和数据缓存的场景下。以下是一种实现这一功能的方法：...
解决ios微信页面回退不刷新的问题
08-30
下面小编就为大家带来一篇解决ios微信页面回退不刷新的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Ajax回退刷新页面问题的解决办法
10-22
主要介绍了Ajax回退刷新页面问题的解决办法的相关资料，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
解决vue单页面 回退页面 keeplive 缓存问题
10-15
本文将详细讨论如何解决Vue单页面应用中回退页面时，`keep-alive` 缓存问题。 在Vue应用中，我们可能会遇到这样的场景：从A页面跳转到B页面，A页面需要保持其状态，例如查询条件和列表数据。当在B页面进行了一些...
Vue 路由 跳转【返回、刷新、跳转】
estrusKing的博客
03-23 1万+
Vue 路由 跳转【返回、刷新、跳转】this.$router.go(-1)this.$router.back()this.$router.pushthis.$router.replace this.$router.go(-1) 原页面表单中的内容会丢失； 向前或者向后跳转n个页面，n可为正整数或负整数 this.$router.go(-1)：后退+刷新 this.$router.go(0)：刷新； this.$router.go(1) ：前进 this.$router.back() 原页表表单中的内
this.$router.go(-1)再次点击页面时数据不刷新？
ccy_888的博客
06-10 1883
返回按钮采用this.$router.go(-1)后，点击页面然后返回，再点进去页面，发现页面数据状态没有改变。
vue路由跳转页面不刷新、this.$router.go(-1)不生效
黑玫瑰
07-12 7966
vue项目中遇见了这样一个问题：使用this.$router.go(-1)回到上一页，路由改变了，但是页面展示还是停留在当前页面，需要手动刷新才能渲染跳转后的页面。router-view 如下： 一般情况用到上面这种写法就能解决问题了，但是我这里还是不生效。然后我就想到了如下方法：解决思路：在钩子时，使用存储from.path；然后在点击返回的时候使用this.$router.push代码：...
vue中this.$router.back()、this.$router.go()的区别使用
weixin_45941064的博客
04-08 1万+
vue中this.$router.back()、this.$router.go()的区别使用
解决$router.go(-1)返回上一层页面不刷新页面问题
u011280778的博客
10-06 7309
原因：页面没有跳转过去，但网址已经跳转过去了，这个原因是因为他没有进行缓存，所以页面没有进行及时的渲染。 方案一 //先在router/index.js中添加路由元信息，设置需要缓存的页面 routes: [{ path: '/', name: 'index', component: index, meta: { keepAlive: false, //此组件不需要被缓存 } },{
一个使用Go语言和现代Web技术构建跨平台桌面应用程序开源项目
最新发布
yunmoon的博客
07-10 768
Wails作为一个桥梁，连接强大的Go后端逻辑与丰富的Web前端界面，允许开发者利用两者的最佳特性来开发应用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值