vue 修改模板{{}}标签_vue.js - Vue单文件的template标签

问 题

单文件中用template标签包含html模板内容，但我现在要用一个template标签+v-for来包含多个元素，此时webpack编译时报错了.

下面是vue文件部分内容:

{{ branch }}

报错内容为:

ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-556c4717!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/xxx.vue

template syntax error Cannot use as component root element because it may contain multiple nodes:

{{ branch }}

本人小白，希望大家帮助一下谢谢！！

解决方案

组件只能有一个根元素,就是你这了第一个下面必须只有一个根元素,可以使用一个容器元素包裹住,例如:

{{ branch }}

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起