vue.js - 将从 API 获取的动态元标记添加到 nuxtjs 静态站点
问题描述
我有一个带有 Nuxt 的静态站点和来自 Strapi 的内容。我想动态设置异步获取的元标记。
我的网站有一个索引页面,它通过道具将获取的数据传递给 index-web 或 index-mobile。
let pageMeta: any
const apiBase: string = 'https://strapi.xyz.com'
export default Vue.extend({
components: { Greeting, Showcase, Features, Footer },
props: {
data: Map,
pageMeta,
},
data() {
return {
loading: true,
}
},
metaInfo(): any {
return {
meta: [
{
hid: 'description',
name: 'description',
content: pageMeta.description,
},
{
hid: 'author',
name: 'author',
content: pageMeta.author,
},
],
}
},
})
在 JSON 解析对象中传递的道具。
完成此操作后,生成的站点没有添加元标记。
解决方案
如前所述,您需要使用.this
.
推荐阅读
- php - PHP连接Wamp+Solr
- java - 具有不同“长度”的Java字符串
- react-native - 如何在本机反应中将参数从父活动传递到子选项卡?
- django - 将 templatetag 建立为 django 变量
- python - 逐行检查并生成带有数字的文本
- html - 将 div 与图标旁边的文本对齐
- c# - MVC 5 Razor 特殊字符未显示在视图中
- sql - exec sp_addrole 'db_accessamin','user_name';
- python - 如何在for循环中添加列表中的元素?我的输出是 [1,1,1] 而不是 [1,4,5]
- swift - 如何在应用页面中使用预览制作网页视图?