导航到页面时如何完全刷新页面？

Question

导航到该页面时，我想刷新页面（与在 Mac OS 上单击 Command+R 的效果相同）。

例如：

我的登录页面有“abc.com/login”，登录成功后将导航到仪表板的“abc.com/dashboard”。 目前，它导航到仪表板而没有完全刷新整个页面。

我希望它能够彻底刷新一切。 “刷新”是指在浏览器中单击 Command+R 的意思。

Answer 1

this.$router.go()不带参数将重新加载页面。

Answer 2

你可以使用 vue 内置的forceUpdate函数，像这样：

vm.$forceUpdate()

或者如果它在组件内部，您可以使用

this.$forceUpdate();

参考：

• https://v2.vuejs.org/v2/api/#vm-forceUpdate
• https://michaelnthiessen.com/force-re-render/

Answer 3

尝试：

window.location.reload(true);

将true传递给 reload 函数将强制页面从服务器重新加载。 或者，传递false以从缓存中重新加载。 这是 vanilla javascript，所以它不是 vueJS 唯一的解决方案。

Answer 4

你可以使用这样的东西

window.location.href = "/dashboard?key=" + Math.random()

如果需要，可以使用其他东西代替 Math.random()