![](https://cdn-ak-scissors.b.st-hatena.com/image/square/8276c859988381451d9f94a21db5a81a0babcb64/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9TnV4dC5qcyVFMyU4MSVBNyVFMyU4MyU5QSVFMyU4MyVCQyVFMyU4MiVCOCVFOSU4MSVCNyVFNyVBNyVCQiVFMyU4MSU5NCVFMyU4MSVBOCVFMyU4MSVBQiVFNSU4NSVCMSVFOSU4MCU5QSVFMyU4MSVBRSVFNSU4NyVBNiVFNyU5MCU4NiVFMyU4MiU5MiVFNSVBRSU5RiVFOCVBMSU4QyVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NmJkYTI2ZjZkNDAwNTM5MDg5M2Q4ZTg1ZWZhZmZiZGM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdG9iaXRhMDAwMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MDY5NGI2YTBlNzZiYjE2OWVlMjVhNzMzMTc4NmM0MTQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D4d833c9df717d9164d5cb10d36dfed26)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Nuxt.jsでページ遷移ごとに共通の処理を実行する方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Nuxt.jsでページ遷移ごとに共通の処理を実行する方法 - Qiita
NuxtでWebアプリケーションを作っている際、ページを移動するたびに共通の処理を行いたい、ということが... NuxtでWebアプリケーションを作っている際、ページを移動するたびに共通の処理を行いたい、ということがあると思います。 ログイン状態をチェックして未ログインの場合はリダイレクト グローバルメニューを閉じる 遷移先に応じたstateの変更 などなど。それらの実装方法について共有したいと思います。 手順 Nuxtではルーティングにvuex-routerが用いられています。そのためページ遷移ごとの共通処理はvuex-routerのオプションを用いる形で実装します。ファイル名はなんでもOKですが、pluginsディレクトリ以下にファイルを作成します。 pluginsファイルの追加