導航到頁面時如何完全刷新頁面？

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()