Question

我正在尝试使用测试组件中的命名插槽，如图in the docs所示，但是什么都没有显示出来，我是否丢失了某些东西或者这是一个错误？当我在主题组件中使用道具时，它会按预期显示。

编辑

farincz的问题使我意识到标签（div，h2等）正在显示，但是它们中没有内容，因此页面上没有任何显示。因此，如果我检查一下，就会看到这些标签，但是应该传递到命名槽的所有数据都消失了。

测试组件：

<template>
    <div>
        <div>
            <h2>
                <slot name="testheader"></slot>
            </h2>
        </div>
        <div>
            <slot name="testcontent"></slot>
        </div>
    </div>
</template>

主题组件：

<template>
    <div>
        <div>
            <h2>{{header}}</h2>
        </div>
        <div>{{content}}</div>
    </div>
</template>

<script>
    export default {
        props: ["header", "content"]
    };
</script>

test.md：

//This shows
    <topic name="introduction" id="introduction" header="Typography Introduction2" content="Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy.">
    </topic>
        
//This does not
    <test>
        <template #testheader>Introduction</template>
        <template #testcontent>Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine</template>
    </test>

其他信息 控制台中没有错误，我照常在包含<nuxt-content :document="doc" />的页面上导入了组件：

import Topic from "@/components/Topic";
import Test from "@/components/Test";

...

components: {
            Topic,
            Test
        },

Nuxt内容-命名槽不显示

0 个答案: