vue界面刷新不显示的解决方法

这篇文章将为大家详细讲解有关vue界面刷新不显示的解决方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

vue界面刷新不显示的解决办法：首先打开相应的代码文件；然后在vue中使用“this.$router.go(0)”和“location.reload()”；最后利用控制“<router-view>”的显示隐藏来实现整个页面刷新即可。

vue页面刷新不出现空白页面

有时在设计实现过程中，我们需要刷新整个页面，但是一般的刷新会出现空白页面，导致页面很难看，在vue中，我们使用

this.$router.go(0) 和 location.reload()

它们会使页面出现空白，最后找到了一个方法，可以实现刷新页面功能，且使页面不出现空白，代码如下：

this.isRouterAlive = false
this.$nextTick(function () {
this.isRouterAlive = true
})

利用控制<router-view>的显示隐藏来实现整个页面刷新

关于vue界面刷新不显示的解决方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。