Nuxt.js で動的タイトル設定 ITかあさん

ITかあさん

Nuxt.js で動的タイトル設定

Nuxt.js で動的タイトル設定設定したいわー


ちょっと悩んだのでメモがてら。Nuxt.jsで作業中、タイトルをちゃんと設定したいな、となりまして。

nuxt.config.jsにtitleTemplateを使ってグローバルなタイトルの設定ができますが、それにプラス動的に各ページごとに加えたい時は下記のようにしてあげます

‘%s – ITかあさんNuxt.jsがんばるまん’

titleTemplateが不要な時は各ページで空を入れてあげるしかないっぽい。

これで、トップページの時は下記のようになります

トップページ – ITかあさんNuxt.jsがんばるまん
初夏のJavaScript祭 in サーキュレーションビル ForPro