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

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

青神网站建设公司成都创新互联,青神网站设计制作,有大型网站制作公司丰富经验。已为青神上千余家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的青神做网站的公司定做!

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

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

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

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

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

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

利用控制的显示隐藏来实现整个页面刷新

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


网站栏目:vue界面刷新不显示的解决方法
网站网址:http://scyanting.com/article/pgoccc.html