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

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

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

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

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

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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐