gpt4 book ai didi

vue.js - 不添加元标签 - Vue 和 declandewet/Vue-meta

转载 作者:搜寻专家 更新时间:2023-10-30 22:50:11 25 4
gpt4 key购买 nike

大家好,感谢您的帮助。

该项目使用 Vue-CLI、Vue-Router 和 Vue-meta。我想更新元标记描述和关键字。目前,元标题已正确更新,但我无法更新描述和关键字。

//App.vue
metaInfo: {
title: 'App',
titleTemplate: '%s | My Awesome Webapp',
meta: [
{vmid: 'description', property: 'description', content: 'meta1'},
{vmid: 'keywords', property: 'keywords', content: 'keys1'}
]
}

//home.vue
name: 'home',
metaInfo: {
// title: 'My Page Title',
// titleTemplate: '%s',
meta: [
{vmid: 'description', property: 'description', content: 'meta2'},
{vmid: 'keywords', property: 'keywords', content: 'keys2'}
]
}

//index.html
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
</head>

谢谢你的帮助,

最佳答案

尝试使用 metaInfo 字段作为函数调用

metaInfo: () => ({
meta: [{ name: 'description', content: 'Hello', vmid: 'test' }],
})

关于vue.js - 不添加元标签 - Vue 和 declandewet/Vue-meta,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53872134/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com