vue页面刷新不出现空白页面
2018-08-27 15:05
1591 查看
有时在设计实现过程中,我们需要刷新整个页面,但是一般的刷新会出现空白页面,导致页面很难看,在vue中,我们使用
this.$router.go(0) 和 location.reload()
它们会使页面出现空白,最后找到了一个方法,可以实现刷新页面功能,且使页面不出现空白,代码如下:
this.isRouterAlive = false
this.$nextTick(function () {
this.isRouterAlive = true
})
利用控制<router-view>的显示隐藏来实现整个页面刷新
阅读更多相关文章推荐
- vue 在nginx下页面刷新出现404问题解决和在nginx下页面加载了js但是页面显示空白问题解决
- vuex + sessionstorage 解决vue项目刷新后页面空白/数据丢失
- react,vue等部署单页面项目时,访问刷新出现404问题
- 关于Vue项目路由栏去除“#”的处理方法及其刷新页面时出现404问题
- IOS下 用vue开发前端项目 点击返回 页面出现空白
- 2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面
- 每次刷新页面时总会先闪一下空白再出现背景图片的解决
- vue小笔记 打包之后,刷新页面出现404的问题
- IDEA运行Java的项目出现页面空白
- 如何调试、排错zen cart网站(出现空白页面)
- iframe表单提交后,刷新页面,而并非刷新iframe出现“画中画”的现象
- 如何调试、排错zen cart网店(出现空白页面)?
- 关于新手入坑vue,页面跳转样式错位刷新又好了的情况
- 弹出窗口刷新它的父页面后。出现不重新发送信息,则无法刷新网页
- VUE 2.0在IE中打开页面空白的原因及解决方法
- 【BUG】---ionic tab-demo项目在modal页跳转URL改变页面不刷新,手动刷新后显示空白
- vue+webpack 打包文件 404 页面空白
- android 启动时出现空白带标题的页面解决办法
- vue-route部署后刷新出现404的解决
- 【Lua】遍历目录结果输出到页面中,刷新页面后出现500 Internal Server Error