如何在 nuxt 3 中包含 json-ld 脚本？答案

【问题标题】：how to include json-ld script in nuxt 3?如何在 nuxt 3 中包含 json-ld 脚本？
【发布时间】：2021-12-22 06:08:21
【问题描述】：

我正在尝试将 json-ld 添加到我的页面，但仍然无法正常工作或不是我想要的。

这是我迄今为止尝试过的：

useMeta({
    script: [
        {
            type: 'application/ld-json',
            json: jsonLd,
        },
    ],
});

结果：<script type="application/ld-json" json="[object Object]"></script>

<Script type="application/ld-json">
        {{ jsonLd }}
</Script>

结果：<script type="application/ld+json"></script> 空值。

和

<Script type="application/ld-json" v-html="jsonLd"></Script>

结果：<script type="application/ld-json" innerhtml="[object Object]"></script>

我错过了什么吗？谢谢。

【问题讨论】：

【解决方案1】：

如果有人想知道，这就是我的工作方式：

使用

<Script :children="jsonLd" />

或者

useMeta({
    script: [
        {
            type: 'application/ld-json',
            children: JSON.stringify(jsonLd),
        },
    ],
});

【讨论】：

【解决方案2】：

【讨论】：