VUE路由跳转后自动刷新一次页面

我们在前端开发时有时会遇到一些问题,暂时找不到解决办法只有靠刷新才能救一下。可是又不能每次都手动刷新。在网上找了很久的自动刷新办法,发现大部分都是路由跳转类的刷新,和用F5手动刷新的效果并不一样。而JS代码能够达到手动刷新的方式有两种:

window.location.reload(); //监测到路由发生跳转时刷新一次页面
// 或者
this.$router.go()

但是这样就又会遇到问题了,把这句代码插入哪里才能让路由跳转后自动执行呢?

我一开始尝试了把这句代码贴到 mounted() 中 但是这样页面就会陷入无限刷新的死循环,所以肯定不行,还好我最后终于找到了解决办法——用watch监听路由跳转情况,发生跳转时执行一次刷新,上代码:

watch: {
   $route(to, from) {
       window.location.reload(); //监测到路由发生跳转时刷新一次页面
   },
},
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐