VUE路由跳转后自动刷新一次页面
VUE实现router路由跳转后自动刷新一次页面
·
VUE路由跳转后自动刷新一次页面
我们在前端开发时有时会遇到一些问题,暂时找不到解决办法只有靠刷新才能救一下。可是又不能每次都手动刷新。在网上找了很久的自动刷新办法,发现大部分都是路由跳转类的刷新,和用F5手动刷新的效果并不一样。而JS代码能够达到手动刷新的方式有两种:
window.location.reload(); //监测到路由发生跳转时刷新一次页面
// 或者
this.$router.go()
但是这样就又会遇到问题了,把这句代码插入哪里才能让路由跳转后自动执行呢?
我一开始尝试了把这句代码贴到 mounted() 中 但是这样页面就会陷入无限刷新的死循环,所以肯定不行,还好我最后终于找到了解决办法——用watch监听路由跳转情况,发生跳转时执行一次刷新,上代码:
watch: {
$route(to, from) {
window.location.reload(); //监测到路由发生跳转时刷新一次页面
},
},
更多推荐
已为社区贡献2条内容
所有评论(0)