[Vue.js]ページ読み込み完了時にリロードしたい

Question

現状

mounted: {
  window:onload = function() {
    this.$router.go({path: this.$router.currentRoute.path, force: true})
  }

このように記述しているのですが、ページが再読み込みされません。

どこかでこの関数を呼び出す処理を書かないといけないのでしょうか？

ページを再読み込みしたい理由としては、firestoreに連携しているデータが、そのまま画面遷移しただけでは表示されないため、一度リロードしてfirestoreの情報を表示するためです。

他にさらに良い方法がありましたら、それも教えていただけると助かります。

参考
https://into-the-program.com/vue-page-onload-leave/

Answer 1

コードに関しては[window:onload]ではなく[window.onload]が正しいと思います。

ページを再読み込みしたい理由としては、firestoreに連携しているデータが、そのまま画面遷移しただけでは表示されないため、一度リロードしてfirestoreの情報を表示するためです。
そしてちょっと情報が足りないのでなんとも言えませんが……。
画面遷移というのはvue.jsのコードを配置しているHTML自体がブラウザに表示されたタイミングを意味していますか？
もし[画面遷移]が[$routerによる同じHTML内での画面遷移]を指しているのであれば
そもそもこの方法では動かないかもしれません。
https://developer.mozilla.org/ja/docs/Web/API/GlobalEventHandlers/onload

Comments

[dirtyman]

arsing error: Unexpected token, expected ","

38 |
39 | mounted: {
> 40 | window.onload = function() {
| ^
41 | this.$router.go({path: this.$router.currentRoute.path, force: true})
42 | }
43 | },

このようなエラーが出ますが、正しい記述方はありますか？

コード
mounted: {
window.onload = function() {
this.$router.go({path: this.$router.currentRoute.path, force: true})
}
},

今回の場合はルーティングではないので、大丈夫だと思います。
ただ、同じHTML内での画面遷移の場合でも一度だけリロードする方法がありましたらそれも知りたいです。

[PlugOut777]

mountedに与えるものはfunctionなので

mounted() {
window.onload = function() {}
}

こうじゃないですかね？

[dirtyman]

ありがとうございます。おそらくできました！！