this.$router.push跳转到原来页面不刷新的问题解决

一，现象

现在的情况是编辑页面编辑更新数据后，返回旧界面，应该触发生命周期函数，重新获取数据的，但是生命周期函数并没有触发。

二，原因分析

主要原因是使用了keep-alive对组件进行了缓存，而后改用actived生命周期函数，依旧是无效，这大概率是因为我当初为了做面包屑导航，使用了嵌套路由的结构：

也就是现在导致返回上一级路由时，不触发actived生命周期函数了。

三，解决方案

这个页面不使用缓存，并且给router-view加上key

 <keep-alive exclude="dishes"><router-view :key="this.$route.path"></router-view></keep-alive>

this.$router.push跳转到原来页面不刷新的问题解决相关推荐

关于Vue中，$this.router.push到当前页面，只是传入参数不同，页面不刷新的问题解决
关于Vue中,$this.router.push到当前页面,只是传入参数不同,页面不刷新的问题解决参考文章: (1)关于Vue中,$this.router.push到当前页面,只是传入参数不同,页面 ...
vue路由跳转回退后页面不刷新处理
vue路由跳转回退后页面不刷新处理 ·利用keep-alive 缓存需要缓存的页面具体实现流程 1.在app.vue中改写router-view <keep-alive><rout ...
uni-app以及微信小程序页面跳转后实现页面自动刷新
uni-app以及微信小程序页面跳转后实现页面自动刷新在程序中需要从一个switch TAb页面跳转到另一个switch Tab页面,但是页面跳转之后,发现添转后的页面不会执行onload里面的刷新 ...
解决从登录页通过this.$router.push跳转首页后点返回健路由变而页面不变的问题
做H5项目的时候遇到一个问题,我从 login 登录页通过 this.$router.push({ name: 'home' })路由登录成功后跳转到首页,但在ios系统下,会有一个默认返回条,点击返 ...
解决$router.go(-1)返回上一层页面不刷新页面问题
原因:页面没有跳转过去,但网址已经跳转过去了,这个原因是因为他没有进行缓存,所以页面没有进行及时的渲染. 方案一 //先在router/index.js中添加路由元信息,设置需要缓存的页面 route ...
解决 Vue 中路由跳转相同路径页面不刷新的问题
vue 中同一路由跳转由于不会重新执行生命周期,所以数据不更新.不管是动态路由,还是传参都不会刷新页面最简单最常用的方式是监听路由变化,在路由发生变化后执行一系列操作 watch: {$route( ...
Vue页面与页面之间的传值（router.push()编程式导航）
页面与页面之间跳转传值,其实我们一般用两种,query传参或者用params 其实这两个方式都是页面导航的一种,编程式导航:通过调用JavaScript形式的API实现导航的方式,大家不了解的可以去官 ...
Vue中this.$router.replace和this.$router.push的区别
this.$router.push 跳转到指定URL,向history栈添加一个新的纪录,点击后退会返回至上一个页面. 声明式:< router-link :to = "-" ...
this.$router.push用query传参对象时需注意的地方
在vue项目中,我们用函数式编程this.$router.push跳转,用query传递一个对象时要把这个对象先转化为字符串,然后在接收的时候要转化为对象,要不然会接收不到参数.要不就把参数分开传递, ...
vue点击按钮怎么跳转图片_vue页面跳转
一.在template中的常见写法: 点击跳转二.在js中设置跳转(在方法中跳转界面并传参,两种方式:params 与 query): 有时候我们需要的是点击按钮跳出弹窗,选择判断后进行跳转,我们常 ...

this.$router.push跳转到原来页面不刷新的问题解决

一，现象

二，原因分析

三，解决方案

this.$router.push跳转到原来页面不刷新的问题解决相关推荐

最新文章

热门文章