[Vue warn]: Do not use built-in or reserved HTML elements as component id:XXX 问题记录

今天新创建了一个vue项目进行学习,完了,刚刚需要写一个导航栏组件,就用ElementUI写了一个,打算注册到首页,结果呢,给我报错了:
在这里插入图片描述仔细看了一下报错警告解释:
不要将内置或保留的HTML元素用作component id:menu

意思简单点呢,就是我们的命名不规范或者错误
由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况:
1.是完全不合法的标签名,例如 </>;
2.是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件。
3.是与 Vue 保留的 slot、partial、component 重名,因为会优先以本身的意义解析,从而产生非预期的结果。

不能正确解析的命名:menu
在这里插入图片描述

解决方法:

按照提示将错误的命名改正即可:
在这里插入图片描述
这样就可以正常运行了~~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值