Vue路由this.$router.push跳转页面不刷新

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue路由this.$router.push跳转页面不刷新相关的知识,希望对你有一定的参考价值。

参考技术A

介绍: 在vue项目开发中,使用路由进行页面跳转时,路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。

案例:

A页面:

B页面:

问题:

当在A页面第一点击按钮到B页面时,一切正常,当返回到A页面再次点击按钮时,B页面没有执行mounted钩子函数,结果导致mounted函数中查询方法不执行。

vue.js中created()与activated()的个人使用理解:

https://blog.csdn.net/qq_36608921/article/details/82216617

this. router.push()的差别:

https://blog.csdn.net/qq_36838191/article/details/80855120

vue-router3.0版本中 router.push 不能刷新页面的问题:

https://www.jb51.net/article/139835.htm

以上是关于Vue路由this.$router.push跳转页面不刷新的主要内容,如果未能解决你的问题,请参考以下文章

Vue路由跳转

vue路由跳转 返回上一级 this.$router.go(-1) 和返回到指定页面this.$router.push('/home')

vue路由跳转的方式

vue 路由配置

Vue之路由跳转传参,插件安装与配置

Vue入门十路由的跳转