如何解决vue js 插槽未显示模板布局数据
我第一次在 vue.js 中使用插槽进行布局。根据参考,我包含了该组件并在我需要它的适当位置使用了 slot 标签,但是 slot 标签仍然无法呈现我想要在布局页面上显示的标签或数据。我在控制台日志中没有发现任何错误,我的页眉组件和页脚组件都被成功包含,并出现在网页上。但插槽标签不起作用。 这是我的代码。请帮我找出我的错误。
Slottest.vue
<template>
<div>
<test-component>
<h1>Testing Slots</h1>
</test-component>
</div>
</template>
<script>
import TestComponent from "./Test";
export default {
components: { TestComponent },};
</script>
测试.vue
<template>
<div>
<header-content> </header-content>
<slot> </slot>
<footer-content> </footer-content>
</div>
</template>
<script>
import HeaderContent from "./Header";
import FooterContent from "./Footer";
export default {
components: { HeaderContent,FooterContent },};
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。