Component template should contain exactly one root element.

最新推荐文章于 2022-08-28 20:22:23 发布
最新推荐文章于 2022-08-28 20:22:23 发布
阅读量180 收藏
点赞数
分类专栏： Vue爬坑之路 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZYingQii/article/details/107425833
版权

在学习Vue的时候 发现了一个错误，，具体报错如：
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

最后才知道原来vue模板只能有一个根对象

所以你想要出现正常的效果，你的用一个div来或是别的标签来包裹全部的元素

正确的写法就是：
在这里插入图片描述
在外面用个div包住

「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp 报错 “Component template should contain exactly one root element.“解决方案
sspu_admin
08-03 2026
uniapp 引入自定义组件的时候报错 报错信息：Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. <template> <view> <z-comm :commodity="commodity"></z-comm> &l
LCD.rar_stm32 .s contain
09-19
文件包含STM32F106 MDK真个工程目录结构，主要是驱动SSD1289显示字符。
bug---uniapp报错Component template should contain exactly one root element
qw160的博客
04-14 157
错误： Component template should contain exactly one root elementIf you are using v-if on multiple elements, use v-else-if to chain them instead. 解决： template标签下必须有一个view标签套在其他元素外面 不能是一个view和一个button并列 ...
uni-app 中引入公共页面时报错Component template should contain exactly one root element
weixin_40597855的博客
08-19 519
uni-app 中引入公共页面时报错Component template should contain exactly one root element 公共页面中应该用包裹住 …
【uni-app 编译报错 Errors compiling template:Component template should contain exactly one root element】
oDJMoney的博客
08-28 1447
错误原因分析：一般是不了解uni-app前端样式结构造成的；如果两对div并列，则需要在外边多加一对div来将其包围。也就是说，外面必须包裹一层div，里面随便你怎么写，写几个div都行；（view也是同理）...
Component template should contain exactly one root element
AinUser的博客
05-26 279
# 情景 我是从jq大法过来的搬运工，使用vue搭建我的个人博客，www.ainusers.top的首页 但是呢，在引入首页背景的时候，报错信息，如标题所示，查找相关博文发现 组件模板应该只包含一个根元素 上面这句话，是原因，什么意思呢 如下图所示 # 像这么写是不对的 # 像这么写才是对的 # 也就是说，不允许有div并排的这种情况，在最外层出现 ...
HiddenBits.rar_contain-ppt_doc
07-15
Hidden Bits : A Survey of Techniques for Digital Watermarkingm contain matlab code., work picz overview (.doc ) file (.ppt) file
PatternRecognition.rar_As One_desire line
07-15
Each line will have to contain each one of the characteristics that if they desire to evaluate. The only parameter is the Archive of training. This will have to possess n Characteristic Columns ...
shiyan1_4.zip_As One_transform
09-24
Prompt the user input from the keyboard (a word which may contain one or more Spaces, tabs, TAB, carriage returns, line breaks, and ends with the EOF marker, namely as input end user input Ctrl + Z), ...
Kaspersky-Trial-Reseter-2015.rar_As One
07-13
The end of a text file is often denoted by placing one or more special characters, known as an end-However, on some popular operating systems such as Windows or Linux, text files do not contain any ...
uni-app中关于Component template should contain exactly one root element报错的解决方法
方方方的博客
06-30 514
uni-app中关于Component template should contain exactly one root element报错的解决方法 使用 uni-app 在页面中添加组件时，报了Component template should contain exactly one root element 错误。 是因为在 template 标签里只可以有一个根元素，因为一开始不知道，所以我在 template 下面写了两个根元素。 只需要把以后要写的组件都括在一个 view 中即可解决 编译
Component template should contain exactly one root element. If you are using v-if on multiple elemen
a602482790的博客
03-27 4590
原来vue模板只能有一个根对象所以你想要出现正常的效果，你的用一个div来或是别的标签来包裹全部的元素正确的写法就是：12345678&lt;template&gt;    &lt;div&gt;        &lt;el-button type="primary"&gt;haha1&lt;/el-button&gt;        &lt;div&gt;hahhaa&lt;/div&gt;
vue模板只能有一个根对象
qq_44419617的博客
08-25 363
示例代码： <template> <div class='logo'> <h1>{{title}}</h1> </div> <div class='body'> ... </div> </template> 当运行上述代码时，会出现报错信息： - Component t...
vue要求组件模板只有一个根元素的原因
江咏之
08-23 1500
vue为什么要求组件模板只能有一个根元素 这个问题需要从两个方面来说起： 1.new Vue({el:'#app'}) 2.单文件组件中，template下的元素div 一、当我们实例化Vue的时候，填写一个el选项，来指定我们的SPA入口： let vm = new Vue({ el:'#app' }) 同时我们也会在body里面新增一个id为app的div <body> <div id='app'></div> </body> 这很好理解，就是
vue报错：Component template should contain exactly one root element. If you are using v-if on multiple ...
weixin_30485799的博客
05-22 76
<div style="background: #424f63"> <el-row> 。。。 </el-row></div><div> <el-row > 。。。 </el-row> <el-row v-for="item in receiveInfo"> 。。。 </...
vue为什么要求组件模板只能有一个根元素
达拉崩巴斑得贝迪卜多比鲁翁_
08-23 1557
从两方面考虑： new Vue({el:’#app’}) 单文件组件中，template下的元素div 其实就是"树"状数据结构，肯定要有个"根"，一个遍历起始点 一、当我们实例化Vue的时候，填写一个el选项，来指定我们的SPA入口： <body> <div id='app'></div> </body> <script> var vm = new Vue({ el:'#app' }) </script> 这很好理解，就.
记一次vue插槽出现问题：vue模板只能有一个根对象
weixin_43064364的博客
02-27 724
最近要做vue框架的前端需求，抱着“既然用这个语言了就把vue语法都过一遍”。今天做slot实例时浏览器报错，报错信息如下： vue.js:634 [Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on mu...
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead
最新发布
12-28
在Vue中，如果你在组件的模板中使用了多个元素，并且使用了v-if条件语句，那么你会遇到"Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值