limitVue.js、PHP、Java、Cordova、Monacaを中心にハイブリッドアプリ開発、PWA開発など効率的なWEB、iOS、Androidアプリ開発の情報を共有します。Nuxt.jsでページタイトルに共通文言を使用する2019-03-25Nuxt.jsでページタイトルに共通文言を使用するNuxt.jsNuxt.jsでページタイトルに共通文言を使用する今回はNuxt.jsの各ページでタイトルを設定する際に、それぞれのページで共通の文言を入れる方法をご紹介します。言葉で説明するのが難しいですが、以下のような例です。ここが共通の文言です。ここが共通の文言です。ここが共通の文言です。」を各ページのタイトルに共通で入るようにする方法です。各ページでベタ書きすることも可能ですが、修正などがある場合に大変なのでできれば共通化したいです。実装方法をご紹介します。各ページでのタイトル定義nuxt.config.jsにtitleTemplateを追加nuxt.config.jsのheadプロパティーにtitleTemplateを追加します。}}ja.nuxtjs.org「%s」が各ページで定義するtitleが入るようになります。ページにtitleの定義がない場合は、nuxt.config.jsで定義しているtitleの値(ここでは「タイトルです」)が入ります。各ページでの定義方法は次の通りです。各ページでのタイトル定義pagesディレクトリ配下の各ファイルに以下の記述を追加します。}headメソッドでtitleを定義できます。ここが共通の文言ですとなります。ja.nuxtjs.org以上です。Vue.jsはてなブログをはじめよう!duo-taro100さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。