0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Nuxtのlayoutの挙動に関してメモ

Last updated at Posted at 2022-01-30

いろいろ調べた結果

ssr側でエラーが発生しているだけだった。

エラー時にはdefaultテンプレートが呼ばれるっぽい。

(ちなみに)エラーの原因はcore.jsによるもの

↓↓

基本

1.すべてのページはレイアウトdefault.vueでロードされる。
2.ページのレイアウトを指定した場合は、指定したレイアウトで読み込まれる。
3.指定されたレイアウトが利用できない場合は、default.vueが読み込まれる。

ポイント

1で思ったような挙動をしなくなった。
default.vueに処理を入れていた場合、ページのレイアウト指定前に呼び出されてしまう。
すべてのページで呼び出されると思っておらず自動遷移処理を入れていた。

結果
ページリロード → なぜかページ遷移
みたいなことが発生。

参考

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?