Component template should contain exactly one root element. If you are using v-if on multiple elemen

最新推荐文章于 2023-04-03 21:03:27 发布

原创最新推荐文章于 2023-04-03 21:03:27 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了在Vue中遇到template包含多个标签时的常见错误，并提供了解决方案：通过使用一个父级标签如div来包裹所有子标签，确保template内的结构正确。

刚学Vue，发现在创建template模板时，发现报如下错误，也就是，如果你的template模板，包含着多个标签，

	<template id ='testTemplate'>
		<p>{{nvititle}}</p>
		<button @click="count+=1" style="background:textcolor;width:100px;height:100px;">{{count}}</button>
	</template>

解决办法:需要使用一个标签把它包含起来

	<template id ='testTemplate'>
		<div>
			<p>{{nvititle}}</p>
			<button @click="count+=1" style="background:textcolor;width:100px;height:100px;">{{count}}</button>
		</div>
	</template>