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

最新推荐文章于 2024-04-17 13:54:41 发布
最新推荐文章于 2024-04-17 13:54:41 发布
阅读量1k 收藏
点赞数
分类专栏： vue 文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42708208/article/details/110167160
版权

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

在这里插入图片描述
在这里插入图片描述

说明

原因：使用了 html内置的标签名称

解决：可以将首字母大写或者采用单词组合的形式

不要使用内置或保留的HTML元素作为组件id:title，就是说自定义组件的时候不能使用 html 标签作为命名

我是李大福
关注
专栏目录
vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 5345
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2765
09Vue中使用样式---class.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;09Vue中使用样式----class&lt;/title&gt; &lt;script type="text/javascript
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
最新发布
qq_45796592的博客
04-17 574
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
vue报错： Do not use built-in or reserved HTML elements as component id:title
simpleMan8023的博客
06-24 623
Do not use built-in or reserved HTML elements as component id:title
[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 warn]: Do not use built-in or reserved HTML elements as component id: details
wind_linjie的博客
03-18 3080
报错信息 不要使用内置或保留的HTML元素作为组件id:details 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 1、标签名需要是完全不合法的标签名，例如 </>； 2、是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome上正常但在 IE 上不正...
vue项目报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: a
weixin_48911985的博客
04-28 680
vue 项目中报Do not use built-in or reserved HTML elements as component id: a在网上搜索说原因是vue里面不允许用特殊的标签来做自定义的标签比如你不能用a来接收一个组件的注册然后在以自定义标签的方式引用会被限制但是项目全局搜索name:"a"都没有搜到命名为a的组件经过排查是因为项目使用vue-property-decorator编写的组件中@Component({})中没有设置name值在本地运行项目时这种文件的name会赋值default
Vue v-model指令的学习
mqingo的博客
01-02 4419
v-model指令的学习.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;v-model指令的学习&lt;/title&gt; &lt;script type="text/javascript" src=&q
Vue品牌列表按键修饰符
mqingo的博客
01-04 492
07品牌列表按键修饰符.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0
Vue 13v-for循环对象.html
mqingo的博客
01-02 2320
13v-for循环对象.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;13v-for循环对象&lt;/title&gt; &lt;script type="text/javascript" src=&quo
[Vue warn]: Do not use built-in or reserved HTML elements as component id: aside
09-11 315
解决方式： 把name名称命名改掉 把name名称删除或注释掉即可
Vue项目控制台报错:‘Do not use built-in or reserved HTML elements as component id:XXX‘
qq_38668544的博客
07-26 587
Vue项目运行后页面加载，控制台报错Donotusebuilt-inorreservedHTMLelementsascomponentidXXX。上述英文错误翻译不要使用内置或保留的HTML元素作为组件id。错误修改方式不要将组件命名为内置关键字或标签名或元素名。......
Do not use built-in or reserved HTML elements as component id: title
weixin_34220834的博客
01-08 217
[Vue警告]：不要使用内置或保留的HTML元素作为组件ID：XXXX 我使用Vue.components()注册组件成为全局组件，然后我把所有的对象打印出来（上图的对象） 但是由于我设置的组件是xxx-md这样的形式，所有不会有，这样的引用形式，通过检查，是因为name:title这样的设置出现的警告 那么我们就修改这个name就行啦 ...
Do not use built-in or reserved HTML elements as component id:
Joker 的博客
07-16 264
解决问题： 把content修改为别的名字
vue报错：Do not use built-in or reserved HTML elements as component id: table
weixin_37746257的博客
04-08 2895
原因：组件，不能和html标签重复 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 　　　　一是完全不合法的标签名，例如 </>； 　　　　二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常； 　　　　三是与 Vu...
【vue】Do not use built-in or reserved HTML elements as component id: header 报错提示
WANGHUAN-
03-27 1309
错误提示：不要使用内置或保留的HTML元素作为组件ID header 使用其他名称，重命名组件。 之前是这样 换一个非HTML元素即可
vue引入组件无法显示且报错[Vue warn]: Do not use built-in or reserved HTML elements as component id: a
qq_38143787的博客
04-17 2520
vue在引入组件后报错 原因：vue里面不允许用特殊的标签来做自定义的标签，包括路由里面的配置，也不能使用特殊的标签名。 解决方案： import header from '@/components/a'; export default{ components: { 'v-a': a } }; 解决方案可以自定义标签，使用起来较方便，还有一种方式是自定义指令directive...
Do not use built-in or reserved HTML elements as component id等等vue warn问题
热门推荐
草巾冒小子的博客
05-21 2万+
vue开发项目过程中，会出现类似于：Do not use built-in or reserved HTML elements as component id ······的报错，why? 报错截图示下： 是因为在本地项目对应的文件中，出现了不应该有的命名方式： 如下： 采用正确命名，修改上述代码，即可消除报错。...
Vue warn]: Do not use built-in or reserved HTML elements as component id: footer (found in <Root>)
05-13
这个警告是因为在 Vue 组件中使用了内置或保留的 HTML 元素作为组件 ID，例如 `footer`。这可能会导致一些潜在的问题，例如 Vue 可能会与浏览器的内置元素产生混淆。 为了解决这个问题，你可以将组件 ID 更改为其他名称，例如 `my-footer`。或者，你可以将组件包装在一个自定义元素中，例如 `<my-footer>`，这样就可以避免与内置元素产生冲突。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值