页面刷新导致弹框刷新的解决办法

虽然你已经排除了网络请求问题和 CSS 问题，但你仍然遇到页面刷新时弹框也刷新的情况。即使只使用一个纯粹的 div 元素，也会发生这种情况。为了解决这个问题，你需要了解以下关键点：

如果没有局部热更新服务（HMR），HTML 页面必须通过刷新才能显示最新更新。HMR 是一种服务，当页面中的代码发生更改时，它允许页面局部更新，而无需重新加载整个页面。

Vue Composition Analyzer

分析 Vue 3 Composition API 使用情况——审计响应式模式、可组合函数设计、ref 与 reactive 的选择、计算属性、watcher 使用及组件……

下载

要解决这个问题，你可以采用以下方法：

• 使用 HMR 服务：这是一种更高级的方法，需要一定的开发经验。HMR 服务可以自动检测代码更改并更新页面，而不重新加载。
• 利用状态管理库：例如 Redux 或 Vuex，可以存储应用程序的状态并在页面刷新后重新获取状态。这允许弹框在刷新后保持其状态。
• 使用会话存储：可以在页面刷新后保留会话存储中的数据。这可以用作替代状态管理的方法。