Question

我有一个nuxtjs项目，其页面在server\posts\id等网址上打开。在此页面上，我添加了head信息以影响元标记。但是，某些标签是特定于帖子的，需要动态填充。只有在mounted中加载数据后才能实现这一点。如何将元操作添加到mounted？

Answer 1

您似乎需要一个额外的'数据'属性。如果您在标题中使用它，并在以后更新它，它将更改元信息。

Answer 2

从api获取元数据的正确方法是：使用访存方法

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

使用计算所得：

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

并使用nuxt头（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
        },
  }

vue-meta =＆gt;如何更改标题信息

2 个答案: