如何在 2021 年在 vue.js 中手动嵌入 Instagram post
How to manually embed an Instagram post in vue.js in 2021
我想将 Instagram 为一个 post 提供的公开可用嵌入代码插入我的 vue.js 应用程序。
Instagram 在任何 Instagram post.
右上角的 3 个点中为任何 post 提供嵌入片段
如果我将其粘贴到我的 Vue 模板中，我会收到此错误：
"Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as , as they will not be parsed."
这是什么意思，我如何在 Vue 中绕过它？
我查看了几个用于在 Vue 中嵌入 Instagram posts 的 npm 包，但它们似乎都已停止使用 Instagram 的新噩梦身份验证过程。如果我将它粘贴到普通 html 页面（没有 Vue），它工作正常。
我正在将 Gridsome 与 Vuetify 结合使用。
从嵌入代码中删除 <script 并以这种方式导入 https://gridsome.org/docs/head/
我不知道你是否已经弄明白了，但是加载脚本（如接受的答案）并在组件中执行它为我解决了这个问题：
if (window.instgrm) window.instgrm.Embeds.process()
我想将 Instagram 为一个 post 提供的公开可用嵌入代码插入我的 vue.js 应用程序。 Instagram 在任何 Instagram post.
右上角的 3 个点中为任何 post 提供嵌入片段如果我将其粘贴到我的 Vue 模板中，我会收到此错误：
"Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as , as they will not be parsed."
这是什么意思，我如何在 Vue 中绕过它？
我查看了几个用于在 Vue 中嵌入 Instagram posts 的 npm 包，但它们似乎都已停止使用 Instagram 的新噩梦身份验证过程。如果我将它粘贴到普通 html 页面（没有 Vue），它工作正常。
我正在将 Gridsome 与 Vuetify 结合使用。
从嵌入代码中删除 <script 并以这种方式导入 https://gridsome.org/docs/head/
我不知道你是否已经弄明白了，但是加载脚本（如接受的答案）并在组件中执行它为我解决了这个问题：
if (window.instgrm) window.instgrm.Embeds.process()