投稿数 585
公開から 2940

【nuxt】headタグを動的にする方法


Categories: nuxt-js

headメソッドを使う

各pageコンポーネントの中でheadタグを使用して設定することができます。

たぶん例を見たほうがわかりやすいです

export default {
  data() {
    return {
      title: "Hello World!",
    };
  },
  head() {
    return {
      title: this.title,
      meta: [
        // `hid` は一意の識別子として使用されます。 `vmid` は動作しないので使わないでください。
        {
          hid: "description",
          name: "description",
          content: "My custom description",
        },
      ],
    };
  },
};

参考

https://ja.nuxtjs.org/api/pages-head