[Vue warn]: Do not use built-in or reserved HTML elements as component id: details

报错信息不要使用内置或保留的HTML元素作为组件id:details由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况：1、标签名需要是完全不合法的标签名，例如 </>；2、是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome上正常但在 IE 上不正...

wind~lala

3098人浏览 · 2020-03-18 13:25:24

wind~lala · 2020-03-18 13:25:24 发布

报错信息

在这里插入图片描述
不要使用内置或保留的HTML元素作为组件id:details
由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况：

1、标签名需要是完全不合法的标签名，例如 </>；

2、是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome上正常但在 IE 上不正常；

3、是与 Vue 保留的 slot、partial、component 重名，因为会优先以本身的意义解析，从而产生非预期的结果。
因此综上所述，

解决方案：

找到与组件名冲突的重新起名写即可

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}$/, //不连续的两位字母// /^