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

最新推荐文章于 2023-08-05 14:58:41 发布
最新推荐文章于 2023-08-05 14:58:41 发布
阅读量8.4k 收藏 2
点赞数 2
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxjstudyIT/article/details/81253937
版权

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

 解决办法：把“header”改为"Header"或者另想命名
Jacky-Summer
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-html-to-paper:Vue mixin for paper printing html elements
05-12
Vue HTML到Paper Vue mixin用于纸张打印html元素。用 :red_heart: 乔佛森·拉米雷斯·提克
vue-flatpickr-component：Flatpickr日期时间选择器的Vue.js组件
02-06
Vue FlatPickr组件 Vue.js组件，用于日期时间选择器。或版本矩阵Vue.js版本套餐版本科2.x 8.x ...true ，组件将负责所有操作与验证库一起使用安装# yarnyarn add vue-flatpickr-component# npmnpm install vue-flatpick
解决vue 引入子组件报错的问题
12-03
错误信息： Do not use built-in or reserved HTML elements as component id: header 源码： [removed] import header from "./components/header" import aside from "./components/aside" import footer from "./components/footer" export default { name: 'layout', components: { header: header, aside: aside, footer
[Vue warn]: Do not use built-in or reserved HTML elements as component id: details
wind_linjie的博客
03-18 2922
报错信息 不要使用内置或保留的HTML元素作为组件id:details 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 1、标签名需要是完全不合法的标签名，例如 </>； 2、是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome上正常但在 IE 上不正...
vue.runtime.esm.js:4605 [Vue warn]: Do not use built-in or reserved HTML elements as component id: h
qq_45659638的博客
06-18 1330
原因是组件命名错误，不能用内置的名称来命名。这样浏览器控制台就不报错啦！
vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 4732
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
vue name命名错误 Do not use built-in or reserved HTML elements as component
最新发布
god_sword_的博客
08-05 3294
在项目中我使用的是header 作为组件名称，但是在前端html中这个是内置组件来的，名称已被占用不能再使用这些名称了。这里指的是components的名称命名不正确。若引用改了还是报错啦，可以查看下vue页面的。把命名修改一下，避免名称冲突就好了。是不是也名称冲突了。
Do not use built-in or reserved HTML elements as component id: header
rj2017211811的博客
02-09 1414
错误:定义了一个header组件但是无法被其他组件引用 原因:因为header为h5的标签，vue中规定：组件的名称不能和h5的标签名称相同 关于vue的书写规范参考vue官网:https://cn.vuejs.org/v2/style-guide/ ...
解决vue warn：Do not use built-in or reserved HTML elements as component id: header
weixin_46743083的博客
08-01 6497
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header，在vue项目中注意名称的命名，避免出现关键字冲突。
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header,解决办法
半夏_2021的博客
04-21 925
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
vue引入组件无法显示且报错[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
热门推荐
涂涂
12-19 3万+
一、Vue在引入组件后无法显示组件内容且报错如下： [Vue warn]: Do not use built-in or reserved HTML elements as component id: header 二、原因是vue里面不允许用特殊的标签来做自定义的标签比如你不能用a来接收一个组件的注册然后在以自定义标签的方式引用会被限制 三、解决方案 在component里面注册组件的时
vue-append:vue-append，类似于v-html指令，但可以调用javascript函数
05-25
npm install vue-append --save # or yarn add vue-append ES6模块 通过npm作为vue-append可用。 import VueAppend from 'vue-append' Vue . use ( VueAppend ) 普通JS var VueAppend = require ( 'vue-append...
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
[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）的内置属性名冲突了，所以创
【vue】Do not use built-in or reserved HTML elements as component id: header 报错提示
WANGHUAN-
03-27 1292
错误提示：不要使用内置或保留的HTML元素作为组件ID header 使用其他名称，重命名组件。 之前是这样 换一个非HTML元素即可
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报错 Do not use built-in or reserved HTML elements as component id: XXX
Vicky128的博客
08-01 327
Donotusebuilt-inorreserved HTML elementsascomponent id: Header 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 一是完全不合法的标签名，例如使用特殊符号等进行命名 二是与 HTML 元素重名,如header等,具体参考:http://www.runoob.com/tags/ht...
vue.esm.js:5105 [Vue warn]: Do not use built-in or reserved HTML elements as component id: data
06-08
好的，你的问题是关于Vue.js中的一个警告。这个警告意味着你在Vue组件中使用了一个已有的或保留的HTML元素作为组件的ID，这可能会导致一些问题。Vue.js不建议使用这些元素作为组件ID，因为它们具有特殊的用途，可能...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值