ブラウザバックのイベント発火(Nuxt.js)

やりたいこと

Nuxt.jsでAsyncDataでデータを取得しSSRした一覧ページから、詳細ページに遷移した後ブラウザバックで戻る→詳細ページに遷移した瞬間opend_flgがtrueになる(閲覧済みになる)→ブラウザバックで新たにAPIからデータを取りopend_flgを更新したい。

試したこと

createdにaxiosでデータを新たに取得するように書いたのですが、ブラウザバックではcreatedが発火しない。

ブラウザバックでaxiosを発火させたいのですが、VueやNuxtの公式ドキュメントを読んでもそれらしきものがありません。

なにか方法をご存知のかたいらっしゃいますでしょうか?

1 Like

ルートのパスが変わるのであればvue routerのガードを書くことで対応できます。以下が参考になるかと思います。

https://router.vuejs.org/ja/guide/advanced/navigation-guards.html#グローバルな-after-フック