首页vue全局刷新页面不闪白

vue全局刷新页面不闪白

时间: 2023-09-11 09:08:03 浏览: 88

vue实现在进行增删改操作后刷新页面

5星 · 资源好评率100%

问题通常在后台管理项目中，对数据进行增删改查是常规操作。在进行这些操作后，需要手动刷新才能更新列表。本文主要讨论进行增删改查相关操作后如何使当前页面显示操作后的最新数据。解决方案 || 以删除为例： 1.强制刷新：this.$forceUpdate() 2.使用window.reload( ) 或 router.go(0)，但会使整个浏览器进行重载，页面闪烁。 3.重新调用接口:但性能较差，代码冗长。 4.provide / inject ：（推荐）点此查看VUE官方解释：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。首先

在Vue中实现全局刷新页面不闪白的方法有多种。其中一种方法是通过路由切换操作来实现。当需要刷新当前页面时，可以使用`this.$router.push(path).catch(err => err)`来进行路由跳转操作。这样可以达到刷新页面的效果，同时避免页面出现短暂的空白。123 #### 引用[.reference_title] - *1* *2* [vue项目如何刷新当前页面并不跳出空白页](https://blog.csdn.net/Youning_Yim/article/details/109509963)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [vue 刷新不出现白屏的解决办法](https://blog.csdn.net/m0_45857808/article/details/121907528)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

阅读全文