vue路由跳转后，刷新指定页面。

做项目遇到一个坑：A页面带参跳转到B页面，第二次跳转时的参数与第一次时的参数不同，但是后台查询时还是使用的第一次的参数。需要手动刷新之后，才会使用第二次参数。

鉴于时间原因直接使用刷新页面监听路由的方法。在准备跳转的A页面添加路由跳转监听事件，达到每次A页面跳转B页面时，B页面都会再次重新加载页面。

添加完成后，A页面跳转B页面，B页面成功刷新。正当我高兴的以为又解决了一个bug时，突然发现我从A页面跳转到C页面时,C页面竟然也在发生页面刷新现象。当时着实是将小主吓了一大跳。要知道正是因为要填写C页面的数据，才从A页面跳转到B页面。现在C页面的数据填写到一半，去A页面查询数据返回到C页面，C页面的数据一下子全给干没了。那之后客户使用后还不得把我的工资给干没了。这种情况属实不能发生，想想都有点可怕。

于是赶紧去找办法，苦寻无果。想到 this.$router.go()是个方法，那我能不能看下this.$router里面都有什么属性？果断在B页面打印：

window.console.log(this.$router)

结果：

发现在history.current属性下面正好有当前页面的路径、名字、请求参数，有了这些就好办了。于是就有了这个：

还是在A页面，原来的方法里面加个判断条件。如果需要刷新的页面标签名/页面路径正好等于路由获取的页面标签名/页面路径。那时才会发生跳转。

code完测试，beautiful！！！工资保住了，今天又是美好的一天。

vue路由跳转后，刷新指定页面。相关推荐

VUE路由跳转后自动刷新一次页面
VUE路由跳转后自动刷新一次页面我们在前端开发时有时会遇到一些问题,暂时找不到解决办法只有靠刷新才能救一下.可是又不能每次都手动刷新.在网上找了很久的自动刷新办法,发现大部分都是路由跳转类的刷新,和 ...
vue 路由跳转并打开新页面
let id ='123'; const {href} = this.$router.resolve( { path: '/home/test',query: {id: id}} ) window.o ...
VUE路由跳转并刷新页面（框架层实现）
前言网上找了很多办法,都需要开发者在页面内单独实现,或者是刷新整个浏览器,感觉并不是特别舒服.因此,我考虑可以在框架层去实现路由跳转刷新. 思路如下: 1.重定向至临时界面(用户无感知) 2.打开临 ...
vue 路由跳转很慢，页面卡死
现象:页面在跳转时,路由发生了改变,但是页面还停留在上一个路由的页面原因:在路由跳转时,vue销毁页面数据用时过长,导致页面卡顿.经过排查发现页面中有一个select下拉选择框,数组有1w+,造成了 ...
Vue路由跳转但显示空白页面
在router文件下的index.js 中配置了'Hi'的子路由,但是点击跳转界面却不显示子路由的内容,但是url正常改变. 原因一: 没有在父路由中加上<router-view>< ...
vue路由跳转页面滚动到顶部
如果想在vue路由跳转后滚动到指定的位置,只需要调用内置方法(scrollBehavior)官网地址链接: https://router.vuejs.org/zh/guide/advanced/scr ...
vue路由跳转回退后页面不刷新处理
vue路由跳转回退后页面不刷新处理 ·利用keep-alive 缓存需要缓存的页面具体实现流程 1.在app.vue中改写router-view <keep-alive><rout ...
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
vue 路由跳转页面不刷新
vue 路由跳转页面不刷新点击打开视频讲解地址在router-view 里边添加 :key="$route.fullPath" <!-- 添加:key="$ro ...

vue路由跳转后，刷新指定页面。

vue路由跳转后，刷新指定页面。相关推荐

最新文章

热门文章