Javascript 将response.data.data从api转换为结构化对象vue js

因此，我使用vue元库将元标记添加到我的vue项目中，现在我尝试从API响应中添加元，如果我使用console.log（'response.data.data'），这就是我从API中得到的

我正在尝试将meta_tags_内容和meta_tags_属性添加到我的vue meta tag函数（），这是我的meta tag函数

export default {
  name: 'App',
  metaInfo () {
    return {
      title: 'Tiarapot',
      meta: [
        {
          name: 'description',
          content: 'Memang canggih (harus ganti)'
        },
        {
          property: 'og:title',
          content: 'Website Tiarapot (harus ganti)'
        },
        {
          property: 'og:site-name',
          content: 'Tiarapot'
        },
        {
          property: 'og:type',
          content: 'website'
        },
        {
          name: 'robots',
          content: 'index,follow'
        }
      ]
    }
  },
}

我要做的就是让它变成这样

export default {
  name: 'App',
  metaInfo () {
    return {
      title: 'Tiarapot',
      meta: arrayOfConvertedresponse
    }
  },
}

如何将这些数组响应转换为元结构对象

如果i console.log（arrayOfConvertedresponse）为

---

如果要在

metaInfo

中使用响应数据，需要将数组分配给数据属性，并在

metaInfo

函数中引用它

导出默认值{
名称：“应用程序”，
数据：（）=>({
arrayOfConvertedresponse:[//定义初始属性
}),
metaInfo（）{
返回{
标题：“蒂亚拉波特”，
梅塔：这是arrayOfConvertedresponse
}
},
异步创建（）{
//从API加载数据
const response=wait axios.get（“/api/meta-tags”）
//将响应映射到适当的格式并指定给数据属性
this.arrayOfConvertedresponse=response.data.data.map（meta=>({
属性：meta.meta_标记_属性，
内容：meta.meta\u标签\u内容
}))
}
}

---

请参见

您在问题顶部记录的内容似乎是一个可观察的Vue。请记录从API接收到的数据结构，好吗？类似于

console.log（JSON.stringify（response.data，null，2））

的东西应该看起来不错您的元数据同时包含名称和属性作为属性。那么，您想要一个只告诉您要放置的属性名称的解决方案吗？在您的案例中，像普通标记的名称和开放图的属性？

export default {
  name: 'App',
  metaInfo () {
    return {
      title: 'Tiarapot',
      meta: arrayOfConvertedresponse
    }
  },
}

[
    {
    property: "my properties",
    content: "my content"
    },
    {
    property: "title",
    content: "content"
    }
]