vue使用过程中模板遇到的错误

小渣渣

错误提示：template syntax error 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.
翻译结果：模板语法错误组件模板应该正好包含一个根元素，如果你使用的是v-if多元素，使用v-else-if链他们。

错误原因：vue模板只支持一个元素，不能并列包含两个及以上。
错误代码截图：


代码中< template />标签下包含了2个控件，这是vue不支持的。

解决办法：在并列控件的最外层加上< div>< /div>
正确代码实例如下图：