问题标签 [vue-meta]

如何将 Vue 插件包含到 Vue TypeScript 的模板中，例如vue-webpack-typescript？

例如，vue-meta。

我已经添加到./src/main.ts这个：

并将其添加到./src/components/home/home.ts组件中：

但这不起作用，不要显示超过书面标题..

我设计了一个博客，我希望在分享到社交网络时，预览图像会像Medium 的帖子一样显示

我使用带有 webpack 和 vue-meta 的 vuejs2 来更改我的帖子的动态图像。但是对于 Facebook，即使我将它们放在 index.html 中也不起作用。

我在媒体上找到这篇文章，据说有必要使用服务器端渲染，但没有说如何从具有基本配置（没有 SSR）的完全设计的项目迁移到解决问题的项目。架构已经不同了，我没有参考

这是我的代码vue-meta

使用文件nuxt.config.js文件，head可以自定义内容以添加一些元数据或其他内容：

但是我在文档中找不到任何东西来设置html元素的属性——我想设置lang属性。有没有办法做到这一点？

我有一个 vue 组件，它在下载后立即发送 axios 请求。我也使用 vue-social-sharing 并且我需要 og:image 元，但是我的图像在 axios 响应后返回。

如您所见，prop 'collageSrc' 在 axios 请求后变为可用。我如何动态将此道具包含到 meta og:image 中？

我目前正在通过其中的css道具加载主样式表，nuxt.config.js我希望加载一些其他样式以覆盖主 css 中的一些样式。

我希望能够在head()布局中定义那些，以便我可以像这样动态添加样式：

但这总是在添加主要样式之前加载，因此不会用于覆盖样式。

我试图设置要注入的样式，body但这也不起作用。

也许我需要sass单独编译，然后将其作为文件包含在上面的head()标签中。

有没有人知道我如何在无需单独的构建过程的情况下实现这一目标？

谢谢

我有一个 Vue.js 应用程序，当在社交媒体（主要是 facebook）上共享链接时，我想使用 Open Graph Meta Tags 来显示一些内容（标题、描述、图像）。

我使用 vue-meta 在我使用标题模板的地方显示标题，并且该部分运行良好（除了一个问题，解决后可能会解决）。

},

我试图在 Open Graph 标记中显示的数据是从 firebase 检索并存储在 Object 中的。

当我运行 Open Graph 测试（或尝试共享链接）时，它没有得到任何数据。

我有一个想法，它可能与它成为一个 SPA 有关，但我还没有那么喜欢 Web 开发；因此我的问题。

以下错误行显示 c:\users\appdata\local.meteor\packages\meteor-tool\1.8.0\mt-os.windows.x86_64\dev_bundle\lib\node_modules\@babel\runtime\helpers\builtin\interoprequiredefault ' 在 function.module._resolvefilename (module.js:547:15) at function.module._load (module.js:474:25) at module.require (module.js:596:17) at require (internal/module .js:11:18) 在 object.require (c:\tools\isobuild\bundler.js:2083:22) 在 makeinstalleroptions.fallback (packages/modules-runtime.js:653:18) 在 require (packages/modules -runtime.js:244:16) at tag-handler.js (:623:30) at fileevaluate (packages/modules-runtime.js:339:7) at require (packages/modules-runtime.js:238:16 ) 在:2236:1 在:2243:3

我正在使用 vue-meta 来动态更改我的元标记。我只想在某些特定页面上更改它。

我正在使用 metaInfo 函数并尝试更改例如标题。但是来自我的 getter 的数据是未定义的，这就是为什么我不能更改元标记中的标题。似乎 metaInfo 函数尝试在组件实际拥有数据之前访问数据。

这是我在组件中的代码：

我正在尝试将动态元标记添加到我的文章页面。文章存储在 VueX 商店中，我使用计算属性来获取要显示的文章：

我为此使用 vue-meta（有没有更好的方法？我没有使用 Nuxt，所以我没有服务器端渲染）。

使用它的正确方法是：

但它仅在文章存储在data(). 由于组件返回动态文章，我如何访问计算属性中的过滤文章？

谢谢你的帮助

大家好，感谢您的帮助。

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

谢谢你的帮助，