The template root requires exactly one element.

最新推荐文章于 2024-12-11 12:45:08 发布

@Within

最新推荐文章于 2024-12-11 12:45:08 发布

阅读量387

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_41264674/article/details/106143758

本文解析了Vue中常见的模板错误：'valid-template-root'，详细说明了错误原因在于模板内只能存在一个根节点，并提供了通过包裹元素解决该问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

error:[vue/valid-template-root]

The template root requires exactly one element.

 

原因：

因为vue的模版中只有能一个根节点，所以在<template>中插入第二个元素就会报错

解决方案：

将<template>中的元素先用一个<div>包起来。

<template>
  <div>
    <p>123</p>
    <p>456</p>
  </div>
</template>