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

最新推荐文章于 2024-04-17 13:54:41 发布
原创 最新推荐文章于 2024-04-17 13:54:41 发布 · 8.6k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种常见的前端开发问题——HTML组件ID与内置标签冲突，并提供了具体的解决方案。通过修改Header.vue组件中的name属性值，可以有效避免此类错误。

这个报错直译中文是：不要使用内置或保留的HTML元素作为组件ID
说明有命名跟标签冲突了
打开项目其中一个Header.vue组件，里面name的值header与html5标签header冲突
这里写图片描述

 解决办法：把“header”改为"Header"或者另想命名
vue2源码分析-vue入口文件global-api分析
qq_42389674的博客
03-06 806
vue 全局api初始化 vue挂载的全局属性: vue.util 公共方法,set 方法 ,del方法, nextTick方法,observable observe方法,options vue的一些选项。初始化方法: extend,extend函数此处用于扩展,initUse 初始化插件,initMixin 初始化混入,initExtend,构造一个vue的子类 ,initAssetRegisters(Vue) 注册或者获取全局组件、指令、过滤器
Vue 08使用v-model实现计算器
mqingo的博客
01-02 743
08使用v-model实现计算器.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>08使用v-model实现计算器</title> <script type="text/javascript&quot
vue报错 Do not use built-in or reserved HTML elements as component id:header
dongjiong0213的博客
06-23 390
组件，不能和html标签重复 header组件，h5新标签重复 Do not use built-in or reserved HTML elements as component id:header 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 　　　　一是完全不合法的标签名，例如 </>； 　　　　二...
Do not use built-in or reserved HTML elements as component id: header
aiyouer0191的博客
12-28 133
刚刚在搭建项目时发现控制台报错 查找发现是因为组件名称所致，也就是当我们起名一个header.vue的组件时，我们安装的vue插件会自动把name设置为default 这就造成了错误 把header修改为headerNav就ok了！！当然你可以修改为任何你喜欢的名字，前提是不冲突 转载于:https://www.cnblogs.com/chinabin1993/p...
Vue报错：[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
山海有灵的专栏
10-31 390
Vue warn]: Do not use built-in or reserved HTML elements as component id: header写了一个自定义组件name为header，与HTML内置header命名冲突了。修改自定义组件名为my-header解决。
【vue】Do not use built-in or reserved HTML elements as component id: header 报错提示
WANGHUAN-
03-27 1361
错误提示：不要使用内置或保留的HTML元素作为组件ID header 使用其他名称，重命名组件。 之前是这样 换一个非HTML元素即可
permission.js:46 [Vue warn]: Do not use built-in or reserved HTML elements as component id: dialog
最新发布
03-14
要解决Vue警告“Do not use built-in or reserved HTML elements as component id”，需遵循以下步骤： ### 原因分析 Vue禁止使用与HTML标签同名的组件名称（如`<input>`、`<select>`），因为这会与原生HTML元素...
main.js:32 [Vue warn]: Do not use built-in or reserved HTML elements as component id: main at <Main onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <App>
03-08
好的，我现在需要解决用户提到的Vue组件命名警告问题，具体是关于避免使用内置或保留的HTML元素作为组件ID的警告。首先，我得理解这个问题的原因。Vue.js在注册组件时，组件名称如果与HTML内置标签或保留字冲突，就...
Vue中各个生命周期阶段的源码探究--beforeCreate和created阶段
YKG
11-24 1万+
本文主要探讨一下，Vue的一个大致运行流程，我们知道，它的生命周期包括,beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyed。但这里讨论只包含beforeCreate,created,beforeMount,mounted，因为探讨的过程只涉及Vue实例创建，事件生命周期、数据监听...
Do not use built-in or reserved HTML elements as component id: head
信徒博客
05-09 1万+
vue项目在使用组件的时候报了如下错误 Do not use built-in or reserved HTML elements as component id: head 错误代码如下 错误原因 head是特殊关键字，在components里面不能被使用 解决方案 换一个其他的名字如hd就可以了 ...
[Vue warn]: Do not use built-in or reserved HTML elements as component id:
热门推荐
dexing07的博客
11-05 1万+
vue.runtime.esm.js:472 [Vue warn]: Do not use built-in or reserved HTML elements as component id: main在引用vuejs 组件的时候出现了这错误，这个句话翻译下来就是： 不能使用内置或者保留的HTML或者组件作为组件id意思就是你使用的组件名的名称跟系统（vue）的内置属性名冲突了，所以创
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
qq_45796592的博客
04-17 1303
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
vue name命名错误 Do not use built-in or reserved HTML elements as component
god_sword_的博客
08-05 3666
在项目中我使用的是header 作为组件名称，但是在前端html中这个是内置组件来的，名称已被占用不能再使用这些名称了。这里指的是components的名称命名不正确。若引用改了还是报错啦，可以查看下vue页面的。把命名修改一下，避免名称冲突就好了。是不是也名称冲突了。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值