小蒋同学

小蒋同学

· 前端小程序 · · 717次浏览

成功解决 Component template should contain exactly one root element

报错信息

20190718111238409.png

VUE小白会碰到这样的错误,刚上手,对vue还不太熟悉,所以对里面的构造方式不太清楚。

对于这个bug,我们很容易翻译为:

组件模板应该只包含一个根元素

查看代码

20190718111325342.png

如图所示,template 下面包含了两个

根节点,这是报错的根本原因。

解决方法

在最外层写一个div,把所有的前端代码放进去就好了:
20190718111538893.png

评论功能已被作者关闭