VUE报错：The template root requires exactly one element.

今天在写VUE组件时碰到一个错误：The template root requires exactly one element.如下图：VUE的模板里有且只能有一个根节点，这里我放了两个el-date-picker元素，所以就报了这个错误，搞个div，把他们两个都放到div里就好了。也就是在template标签中只能有一个根元素，所以我们可以弄一个div，把这个组建中需要的所有元素都放进这个div

多写文章能生发

2992人浏览 · 2020-06-04 09:40:21

多写文章能生发 · 2020-06-04 09:40:21 发布

今天在写VUE组件时碰到一个错误：The template root requires exactly one element.
如下图：
在这里插入图片描述
VUE的模板里有且只能有一个根节点，这里我放了两个el-date-picker元素，所以就报了这个错误，搞个div，把他们两个都放到div里就好了。

也就是在template标签中只能有一个根元素，所以我们可以弄一个div，把这个组建中需要的所有元素都放进这个div中就不会报这个错了。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^