API: Metode head

Metode head

Nuxt.js menggunakan vue-meta untuk memperbarui headers dan html attributes pada aplikasi Anda.

  • Type: Object atau Function

Gunakan metode head untuk mengatur tag HTML Head untuk halaman saat ini.

Your component data are available with this in the head method, you can use set custom meta tags with the page data. Data komponen Anda tersedia dengan this pada metode head, Anda dapat menggunakan set kustom meta tag dengan data halaman.

<template>
  <h1>{{ title }}</h1>
</template>

<script>
export default {
  data () {
    return {
      title: 'Hello World!'
    }
  },
  head () {
    return {
      title: this.title,
      meta: [
        { hid: 'description', name: 'description', content: 'My custom description' }
      ]
    }
  }
}
</script>

Untuk menghindari duplikasi saat menggunakannya pada "komponen child", berikan pengenal unik dengan key yang tersembunyi, [baca lebih lanjut] (https://vue-meta.nuxtjs.org/api/#tagidkeyname).

fetch layout

Contributors

Jumpa kesalahan atau ingin berkontribusi pada dokumentasi ini? Sunting halaman ini di GitHub!

Platinum Sponsors

Storyblok Support Us