vue-meta =› Cara mengubah informasi header

Saya memiliki proyek nuxtjs dengan halaman terbuka di url seperti server\posts\id. Di halaman ini saya telah menambahkan head informasi untuk mempengaruhi meta tag. Namun, beberapa tag bersifat khusus untuk postingan dan perlu diisi secara dinamis. Ini sepertinya hanya mungkin setelah Anda memuat data di mounted. Bagaimana cara menambahkan manipulasi meta ke mounted?


nuxt.js vuejs2
person Edgar Koster    schedule 17.04.2017    source sumber

Jawaban (2)


arrow_upward
2
arrow_downward

Tampaknya Anda memerlukan properti 'data' tambahan. Jika Anda menggunakan ini di header, dan memperbaruinya nanti akan mengubah informasi meta.

person Edgar Koster    schedule 17.04.2017

arrow_upward
0
arrow_downward

Cara yang benar untuk mendapatkan meta dari api adalah: menggunakan metode pengambilan

  async fetch({ store, params }) {
    await store.dispatch('modules/item/get_item', params.article)
  },

Gunakan Dihitung :

  computed: {
    ...mapState('modules/item', {
      Item: (state) => state.data
    })
  },

dan gunakan nuxt head (vue-meta)

head() {
    return {
      title:
        this.$store.state.modules.general.info.name + ' / ' + this.Item.title,
      meta: [
        {
          hid: 'description',
          name: 'description',
          content:
            this.$store.state.modules.general.info.name +
            ' / ' +
            this.Item.seo_description
        },
  }
person Padavan    schedule 19.02.2020