将 API json 响应附加到 MetaInfo Vue js
Append API json response to MetaInfo Vue js
我有一个具有这样结构的元标记
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 回复附加到我的元标记中,但我不知道如何制作这样的数据
这是我的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
是 returns 和 object
的函数,所以将该对象收集在容器中,即 metaInfoData
.
映射您的 data
数组并将其转换为所需格式,然后将其附加到 metaInfoData.meta
const metaInfo = function () {
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",
},
],
};
};
const data = [
{
meta_tags_id: 3,
meta_tags_properties: "my property",
meta_tags_content: "my content",
},
];
const metaInfoData = metaInfo();
const convertedData = data.map((obj) => {
const { meta_tags_properties, meta_tags_content } = obj;
return {
property: meta_tags_properties,
content: meta_tags_content,
};
});
metaInfoData.meta = [...metaInfoData.meta, ...convertedData];
console.log(metaInfoData);
我有一个具有这样结构的元标记
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 回复附加到我的元标记中,但我不知道如何制作这样的数据
这是我的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
是 returns 和 object
的函数,所以将该对象收集在容器中,即 metaInfoData
.
映射您的 data
数组并将其转换为所需格式,然后将其附加到 metaInfoData.meta
const metaInfo = function () {
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",
},
],
};
};
const data = [
{
meta_tags_id: 3,
meta_tags_properties: "my property",
meta_tags_content: "my content",
},
];
const metaInfoData = metaInfo();
const convertedData = data.map((obj) => {
const { meta_tags_properties, meta_tags_content } = obj;
return {
property: meta_tags_properties,
content: meta_tags_content,
};
});
metaInfoData.meta = [...metaInfoData.meta, ...convertedData];
console.log(metaInfoData);