Skip to content
On this page

Vue强制重新加载整个页面

Authors

如果我们需要使用vue.js强制重新加载整个页面,您只需要一些 Javascript:

js
window.location.reload()

但这是一种代码味道—-我们几乎不需要使用这种方法!

相反,更好的解决方案可能是以下之一:

  1. 创建一个方法来重置和初始化状态,而不是依赖 onMounted 钩子或设置的顶层。 我们还可以为 Pinia 创建一个初始化操作。

  2. 确保我们的重要状态是反应性的。这往往会解决 Vue 应用程序中的许多常见问题。

  3. 修改特定的状态,通过仅更改特定组件的 key 属性,我们可以强制仅重新加载一个组件而不是整个应用程序。 仍然有点 hack,但它完成了工作。

has loaded