vue3 控制台报错如下图：

在这里插入图片描述

代码书写如下

在这里插入图片描述

在这里插入图片描述

原因：

1.一个组件可能有多个根节点，请确保组件在单一根节点下
2.外部组件不要直接放在template下，最外层加div包裹
修改代码图二,将add-applicant放进right-slider组件，控制台不再报错，外层组件也可以正常加载出来，但是包裹的add-applicant组件加载不出来（此操作如果没有嵌套，修改后是可以实现的，如果有嵌套，不要做修改，请接着往下看~）

在这里插入图片描述

最后决定从根本上解决问题，也就是根组件rightSlider,加上插槽slot，组件里就能很愉快的放在外面了

在这里插入图片描述

# 前端
Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

cover

口才教育：如何提升沟通技巧与表达能力

avatar ViewDesign
cover

C 嵌入式系统设计模式 28：通道模式

avatar ViewDesign

优雅的前端框架：iView - 强大、易用且美观

优雅的前端框架：iView - 强大、易用且美观项目地址:https://gitcode.com/gh_mirrors/iv/iview是一个基于 Vue.js 的高质量 UI 组件库，旨在为开发者提供简单、直观、高效的基础组件，帮助他们快速构建现代 Web 应用程序。此项目由 Alibaba IVWEB 团队维护，质量与更新稳定性有保障。技术分析Vue.js 基础：iView 充分利...

avatar ViewDesign