问题标签 [vue-meta]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 页面刷新元数据后的 Nuxt.js 从配置而不是 head 方法填充
我在 nuxt.js 应用程序中遇到了 meta 问题。我想在一个详细信息页面中填充动态元标记
--pages
----事件
-----_id.vue
当我通过链接在网站上导航时，一切都很好。但是如果我只是刷新页面，元标记使用来自 nuxt.config.js 的值。例如，我得到了 'SiteTitle Nuxt.config.js' 而不是 'SiteTitle - Some event title'。
Nuxt 版本 2.15.3
nuxt.config.js
和 _id.vue 文件
我尝试在 fetch 中调用 api，在这种情况下，当我刷新页面时，meta 值始终具有有效值，但 Facebook 共享调试器在这种情况下从 nuxt.config.js 获取 meta，此解决方案不适合
谢谢你的帮助
javascript - 将 API json 响应附加到 MetaInfo Vue js
我有一个具有这样结构的元标记
我想将我的 api 响应附加到我的元标记，但我不知道如何制作这样的数据
这是我的 API 响应
这是预期的结果 { 属性：我的属性，内容：我的内容 }，我如何将我的 json 响应附加到我的元信息？
vue.js - 我们可以在没有 SSR 的情况下使用 vue-meta 吗？
我一直在使用vue-meta npm 包来更新我的元标记。但是我看到一个问题，即我放入的值metaInfo()在谷歌搜索描述中没有正确呈现。
如果我们在浏览器中打开 devtools，我们可以看到在 DOM 中附加了元标记。所以我们现在有两个描述。
- 我们放入
index.html文件的元描述。 - 在 vue-meta 包的帮助下附加在 DOM 中的元描述。
我读了很多关于 vue-meta 的文章，我很难找到不使用 SSR 或 Nuxt 的解决方案，这样我们就可以vue-meta在不使用 SSR 的情况下使用。
vuejs2 - 如何检查 vue-meta 是否正在添加元数据
我这里有一些代码，我想检查页面的源代码以查看它是否正常工作，但我在源代码中看不到任何内容。
如何验证 vue-meta 添加了什么？有没有办法在 SPA 应用程序中看到它？
vue.js - 如何在 Vue Meta 3 中创建自定义元标记？
我Vue Meta 3用来向网站提供元数据。用于此的 API 在这里
我不明白如何提供自定义元标记（例如 Open Graph 标记等og:type）。这是我在组件中尝试做的事情：
输出的 HTML 最终如下所示：
如果我将代码更改为：
我得到非法的 HTML 输出：
我如何获得输出：
vue.js - vue-meta 版本 3：metaInfo 错误“这是未定义的”如何通过 api 调用创建动态元
在 vue-meta 版本 3 我使用 metaInfo 像 vue-meta 版本 2
我导入了 vue-meta 插件，但我无法访问组件，错误是“这是未定义的”
在 setup() 我们只访问道具和上下文
如何通过 api 调用创建动态元以及哪种方式是标准方式
我的 app.js
我的组件
vue.js - vue-meta 在页面刷新或外部链接点击动态组件时不显示标题、内容或架构
当我通过导航栏导航到我的动态组件时，vue-meta 标题、内容和架构正确显示，但是当我刷新页面或单击外部链接时，我得到一个未定义的值。
我已将标题内容和架构存储在 json 文件中。
vue.js - Vue meta i18n 变量名显示而不是值
我有一个带有 vue-meta 的 vue2 项目，并且我有 vue-i18n 来本地化该项目。在我的浏览器书签中，未显示网页的标题。而是显示变量。在谷歌分析中查看同样的问题时，似乎显示的是我的变量而不是变量中的值。
这是我的 Home 组件中的代码片段：
所以 this.$t("home.meta.title") 变量存储瑞典语和英语翻译。当在网站内部时，它会显示两种语言的正确标题，但谷歌分析只显示“home.meta.title”。
据我了解，由于未加载任何脚本，爬虫看不到我的变量值？有任何想法吗？
vue.js - 在页面渲染之前访问 localStorage 以在 Nuxt.js SSR 中设置主题
我正在尝试根据未注册用户的偏好设置网页主题，存储在localStorage. 但是，在 Nuxt.js SSR 应用程序的默认布局中这样做时，从默认主题到他们的首选主题会有一个小的闪烁。为了防止这种情况，我需要在从中提取数据之前阻止页面呈现localStorage，但我似乎无法弄清楚如何在 Nuxt 中这样做。
我正在使用daisyUI TailwindCSS，它依赖于将data-theme主<html>标签的设置为其选项之一。
我试过的
创建 Nuxt 插件，因为插件在页面渲染之前运行。这还没有解决，因为我需要更新默认布局页面中的数据值。
created()在-中运行初始主题更改localStorage超出了范围。动态设置 htmlAttr (
"data-theme": localStorage.theme ? localStorage.theme : "light") - 也失败了，因为这里无法访问 localStorage。
那么有没有办法完成这个预渲染主题设置来防止闪烁呢？
vue.js - 为什么我的 vue.js 项目 URL 的描述在某些应用程序中显示为“noscript”
我有一个 vue.js 项目，当我将它的 URL 放在某个 App 中时，我认为它应该在消息框下方显示标题和描述。
但它是显示noscript标签的内容，为什么？
我想我在 vue.js 页面中正确设置了标题和描述，我使用了 vue-meta 包。
这是 LINE 中显示的内容，我希望标题显示在第一行，描述显示在第二行。
这就是 Instegram 中显示的内容。另外，我认为第一个应该显示页面标题，但事实并非如此。
