json-ld 相关问题

当尝试将 json-ld 脚本标签添加到传送到 HEAD 的部分时，Vue 3 编译器失败并出现以下错误： VueCompilerError：具有副作用的标签（和 <styl...</desc> <question vote="4"> <p>当尝试将 json-ld 脚本标签添加到传送到 HEAD 的部分时，Vue 3 编译器失败并显示以下错误：</p> <p><pre><code>VueCompilerError: Tags with side effect (<script> and <style>) are ignored in client component templates.</code></pre></p> <p>模板：</p> <pre><code><template> <teleport to="head"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.example.com/", "potentialAction": { "@type": "SearchAction", "target": "https://query.example.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> </teleport> <div> Hello world! </div> </template> </code></pre> <p>如何在不安装额外依赖项的情况下添加此 json-ld 标签？</p> </question> <answer tick="true" vote="18"> <p>解决方法是使用 Vue 的 <a href="https://vuejs.org/api/built-in-special-elements.html#component" rel="nofollow noreferrer">内置 <pre><code>component</code></pre></a>（即 <pre><code><component :is="'script'"></code></pre>）而不是 <pre><code><script></code></pre>：</p> <pre><code><template> <teleport to="head"> <component :is="'script'" type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.example.com/", "potentialAction": { "@type": "SearchAction", "target": "https://query.example.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </component> </teleport> <div> Hello world! </div> </template> </code></pre> <p><a href="https://codesandbox.io/s/using-script-tags-in-vue-template-drl9c?file=/src/App.vue" rel="nofollow noreferrer">演示</a></p> <p><a href="https://i.sstatic.net/Jh6Gd.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvSmg2R2QucG5n" alt="enter image description here"/></a></p> </answer> <answer tick="false" vote="0"> <p>这是Vue 3编译器的限制。它可以通过渲染函数来克服，例如在功能组件中：</p> <pre><code>const JsonLd = (props, { slots }) => h('script', { type: 'application/ld+json' }, slots.default?.()); </code></pre> </answer> </body></html>

vue.js vuejs3 json-ld

回答 0 投票 0

以 schema org json 格式插入变量

对于一个网站，我建立了模式组织，全部手工编写，如下所示： { “@context”：“https://schema.org”...</desc> <question vote="0"> <p>对于一个网站，我建立了架构组织，全部手工编写，如下所示：</p> <pre><code><script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": "MedicalOrganization", "@id": "https://example.com/#medicalorganization", "isAcceptingNewPatients": "True", ........ </script> </code></pre> <p>问题是：</p> <p>可以在json中插入变量吗？那么并不是所有的东西都是硬编码的？例如对于网址：</p> <pre><code><script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": "MedicalOrganization", "@id": "{{variables.url}}/#medicalorganization", "isAcceptingNewPatients": "True", </code></pre> <p>有没有一种简单的方法，也涉及网络性能？</p> <p>我尝试导入 varibales.js 文件，但无法以 .json 格式访问它们</p> </question> <answer tick="false" vote="0"> <p>我想说你可以将 json 准备为纯文本。因此，您可以轻松地像这样放置变量：</p> <pre><code> $schema = '<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BlogPosting", "headline": "' . $heading . '", "description": "' . $description . '", "image": "' . $imageUrl . '", "author": { "@type": "Organization", "name": "Some name", "url": "https://my-organization.com/contact" }, "publisher": { "@type": "Organization", "name": "publisher name", "logo": { "@type": "ImageObject", "url": "https://my-organization.com/assets/img/logo/logo.jpg" } }, "datePublished": "' . $datePublished . '", "dateModified": "' . $dateModified . '" } </script>'; </code></pre> <p>之后您可以在任何您想要的地方使用<pre><code>$schema</code></pre>。</p> </answer> </body></html>

json variables schema.org json-ld

回答 0 投票 0

Python - rdflib - json-ld - 为什么它不解析嵌套的三元组

我有以下代码，解析下面的JSON-ld文件。但是，它只输出顶级三元组，而不输出其他三元组，例如网页的名称从 rdflib 导入数据集来自 rdflib。

python json-ld rdflib

回答 1 投票 0

json-ld 相关问题

最新问题