Javascript 将API json响应附加到MetaInfo Vue js

Javascript 将API json响应附加到MetaInfo Vue js,javascript,json,vue.js,Javascript,Json,Vue.js,我有一个元标记,它的结构如下 metaInfo () { return { title: 'my title', meta: [ { name: 'description', content: 'my description' }, { property: 'og:title', content: 'my title2'

我有一个元标记,它的结构如下

  metaInfo () {
    return {
      title: 'my title',
      meta: [
        {
          name: 'description',
          content: 'my description'
        },
        {
          property: 'og:title',
          content: 'my title2'
        },
        {
          property: 'og:site-name',
          content: 'my site name'
        },
        {
          property: 'og:type',
          content: 'website'
        },
        {
          name: 'robots',
          content: 'index,follow'
        }
      ]
    }

  },
我想将我的api响应附加到我的meta标记,但我不知道如何生成这样的数据

  metaInfo () {
    return {
      title: 'my title',
      meta: [
        {
          name: 'description',
          content: 'my description'
        },
        {
          property: 'og:title',
          content: 'my title2'
        },
        {
          property: 'og:site-name',
          content: 'my site name'
        },
        {
          property: 'og:type',
          content: 'website'
        },
        {
          name: 'robots',
          content: 'index,follow'
        }
      ]
    }

  },
这是我的API响应

data: [{meta_tags_id: 3, meta_tags_properties: "my property", meta_tags_content: "my content"}]
0: {meta_tags_id: 3, meta_tags_properties: "my property", meta_tags_content: "my content"}
meta_tags_content: "my content"
meta_tags_id: 3
meta_tags_properties: "my property"
error: 0
message: "successfully get all meta tags"
这是预期的结果 { 财产:我的财产, 内容:我的内容 }
如何将json响应附加到metaInfo中?

由于
metaInfo
是一个返回
对象的函数,所以将该对象收集到容器中,即
metaInfoData

映射您的
数据
数组,并将其转换为所需格式,然后将其附加到
metaInfoData.meta

const metaInfo=函数(){
返回{
标题:“我的标题”,
元:[
{
名称:“说明”,
内容:“我的描述”,
},
{
属性:“og:title”,
内容:“我的标题2”,
},
{
属性:“og:站点名称”,
内容:“我的网站名称”,
},
{
属性:“og:type”,
内容:“网站”,
},
{
名称:“机器人”,
内容:“索引,跟随”,
},
],
};
};
常数数据=[
{
元标签id:3,
meta_标签_属性:“我的属性”,
meta_标记内容:“我的内容”,
},
];
常量metaInfoData=metaInfo();
const convertedData=data.map((obj)=>{
const{meta_tags_properties,meta_tags_content}=obj;
返回{
属性:元标签属性,
内容:元标签内容,
};
});
metaInfoData.meta=[…metaInfoData.meta,…convertedData];

log(metaInfoData)同时添加API响应数据,如果您能将所需结果显示为文本而不是图片,并将所需结果显示为对象,那将是非常棒的。现在还不清楚你到底想做什么。完成了,先生,对不起@decpkalled,这是你想要的吗?你能告诉我如何将这些数据映射到数组并转换它吗?对不起,先生,我是javascriptuser中全新的内置映射函数,js`。查看我使用
data.map((obj)=>{……
sir@decpk的代码,但是如何将我的response.data.data转换为const data=[]?
const data=[…response.data.data]
simple