Vue: 编译模板时出错,即使只有一个根元素

创建于 2017-07-20  ·  4评论  ·  资料来源: vuejs/vue

版本

2.4.1

转载链接

https://jsfiddle.net/k5h2fvqh/

重现步骤

  1. <p>标签作为根元素
  2. <div>标签作为子元素

什么是预期?

正确渲染模板

实际发生了什么?

编译模板时出错并显示消息“组件模板应仅包含一个根元素”

最有用的评论

这是执行的行为, <p>标签不能有子<div> (以及其他块)所以<p><div></div></p>被解析为<p></p><div></div></p> ,正如你所看到的多个根元素。 这是 HTML 的限制。

PS此处提供更多信息

所有4条评论

这是最小的重现: https :

这是执行的行为, <p>标签不能有子<div> (以及其他块)所以<p><div></div></p>被解析为<p></p><div></div></p> ,正如你所看到的多个根元素。 这是 HTML 的限制。

PS此处提供更多信息

“关闭” <p>完整元素列表可在此处获得

此页面是否有帮助?
0 / 5 - 0 等级