Laravel 在Vue中嵌套自定义标记

我正在开发一个Laravel/Vue应用程序，但遇到了一些障碍。我已经能够成功地创建单个独立组件，但是当我尝试将一个独立组件嵌套到另一个组件中时，只会显示嵌套组件。一段代码：

CompanyLogo.vue

<template>
    <figure class="company-logo" :style="{
    width: size,
    height: size,
    backgroundImage: `url(${src})`
  }"></figure>
</template>

<template>
    <div class="logo-container">
        <company-logo size="65px" :src="`${company.logo.url}`"></company-logo>
    </div>
    <div class="logo-uploaded-details">
        <p>Last updated: {company.logo.last_updated}</p>
        <button class="file-browse-btn">Upload Image</button>
    </div>
</template>

LogoUploader.vue

<template>
    <figure class="company-logo" :style="{
    width: size,
    height: size,
    backgroundImage: `url(${src})`
  }"></figure>
</template>

<template>
    <div class="logo-container">
        <company-logo size="65px" :src="`${company.logo.url}`"></company-logo>
    </div>
    <div class="logo-uploaded-details">
        <p>Last updated: {company.logo.last_updated}</p>
        <button class="file-browse-btn">Upload Image</button>
    </div>
</template>

上次更新：{company.logo.Last_updated}

上传图像

发生的事情是，在company.blade.php中，我只需要

<logo-uploader></logo-uploader>

应用程序进行编译和加载，但是只有

CompanyLogo

显示在屏幕上。

徽标上载详细信息部分的整个标记根本不呈现

我已尝试将
CompanyLogo
组件的
require
添加到
LogoUploader
组件的注册中，但这也不起作用

如果我把组件分开，它们都会出现。问题只在它们嵌套后出现

有什么想法吗？
Vue实例和组件必须有一个根元素。在您的
登录上载程序中
有两个根元素

你需要把它们包在根里

<template>
  <div>
    <div class="logo-container">
        <company-logo size="65px" :src="`${company.logo.url}`"></company-logo>
    </div>
    <div class="logo-uploaded-details">
        <p>Last updated: {company.logo.last_updated}</p>
        <button class="file-browse-btn">Upload Image</button>
    </div>
  </div>
</template>


上次更新：{company.logo.Last_updated}

上传图像
Vue实例和组件必须有一个根元素。在您的
登录上载程序中
有两个根元素

你需要把它们包在根里

<template>
  <div>
    <div class="logo-container">
        <company-logo size="65px" :src="`${company.logo.url}`"></company-logo>
    </div>
    <div class="logo-uploaded-details">
        <p>Last updated: {company.logo.last_updated}</p>
        <button class="file-browse-btn">Upload Image</button>
    </div>
  </div>
</template>


上次更新：{company.logo.Last_updated}

上传图像
哦，哇。真不敢相信我竟然不知道。这段时间我很幸运，我的其他组件只有一个根元素。谢谢你，伙计@matcartmill我实际上找不到它的文档，但一旦它咬了你几次，你就会记得：）哦，哇。真不敢相信我竟然不知道。这段时间我很幸运，我的其他组件只有一个根元素。谢谢你，伙计@matcartmill我实际上找不到它的文档，但一旦它咬了你几次，你就会记得：）