【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",
},
],
};
},
};