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

最新推荐文章于 2024-04-17 13:54:41 发布
最新推荐文章于 2024-04-17 13:54:41 发布
阅读量1.8k 收藏 1
点赞数 1
分类专栏： Bug 文章标签： javascript html5 css vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_58062502/article/details/123944477
版权
这篇博客讨论了在Vue组件内部，由于template标签中包含的video元素与组件的name属性值相同导致的问题。文章指出，此冲突可能会引起不必要的错误，并提供了简单的解决方案，即修改script内的name属性值以避免重复。通过这个修复，可以确保组件正常工作并避免命名冲突。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原因：在该组件<temlpate></template>标签内存在与该组件名取值相同的元素（name:'video'）

template标签里面：video标签

script里面的属性：

解决：修改script里name属性值即可。

vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 5555
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2910
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
vue 渲染是出现 Do not use built-in or reserved HTML elements as component id 的警告
weixin_30408739的博客
08-29 294
情况1.是因为组件命名和引入不一致造成的。 命名组件(nav) export default { name: 'nav', data () { return { } } 引入组件(Navigation) import Mnav from './common/Navigation' 改成一致后可解决该问题。 命名组件(Navigation) export ...
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
最新发布
qq_45796592的博客
04-17 1137
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
[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）的内置属性名冲突了，所以创
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.runtime.esm.js:4605 [Vue warn]: Do not use built-in or reserved HTML elements as component id: video
05-10
这个警告是因为你在Vue中使用了一个名为“video...为了解决这个问题，你可以将组件的名称更改为避免与HTML元素冲突，例如“my-video”或“video-player”。修改后的组件名称应该在你的Vue代码中的所有位置都进行更新。
vue2源码分析-vue入口文件global-api分析
qq_42389674的博客
03-06 720
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 701
08使用v-model实现计算器.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;08使用v-model实现计算器&lt;/title&gt; &lt;script type="text/javascript&quot
vue中报错Do not use built-in or reserved HTML elements as component id details
08-08 1171
原因是定义了一个叫做details的comonent 跟现有的html网页中的标签重合 export default { name: 'details', data () { return { equityBalance: this.item.equityData, depositWithdraw: this.item.depositWithdraw, symbol: 3, //真实的出金记录 withdrawData: ...
Vue报错'Do not use built-in or reserved HTML elements as component id:解决方法
热门推荐
S筱潇S四维Smile
02-25 7万+
vue 在引入组件后无法显示组件内容且报错如下 ： Do not use built-in or reserved HTML elements as component id 这是因为组件的命名和html标签重复导致警告，如下图所示： 解决方法：创建组件的时候要注意组件命名与html标签区分开 方法一、 方法二、 ...
Do not use built-in or reserved HTML elements as component id:
Joker 的博客
07-16 288
解决问题： 把content修改为别的名字
Vue项目控制台报错:‘Do not use built-in or reserved HTML elements as component id:XXX‘
qq_38668544的博客
07-26 677
Vue项目运行后页面加载，控制台报错Donotusebuilt-inorreservedHTMLelementsascomponentidXXX。上述英文错误翻译不要使用内置或保留的HTML元素作为组件id。错误修改方式不要将组件命名为内置关键字或标签名或元素名。......
Do not use built-in or reserved HTML elements as component id
weixin_42471170的博客
06-11 391
vue里面如果报此错误，肯定是组件名与html的标签某个标签的命名一样，才报此错。所以需要排查组件名，改成非html的标签的名称。
vue项目报错'Do not use built-in or reserved HTML elements as component id:'
Claire_cz的博客
01-19 1万+
开发vue项目时报错 这是因为组件的命名和html标签重复导致警告，所以创建组件的时候要注意组件命名与html标签区分开 有篇更详细的介绍，大家有兴趣可以看下：https://cnodejs.org/topic/5816aabdcf18d0333412d323
如果出现Do not use built-in or reserved HTML elements as component id警告处理方式
Jovan的博客
08-07 3865
  这样的报错原因是因为在App.vue父组件里有&lt;component&gt;&lt;/component&gt;标签，有重名了。所以要把原来的标签名换掉，例:&lt;componentHello&gt;。这里尽量不要设置为component。 这样的报错还有一个点就是，在子组件里使用console.log(msg)。在控制台是接收不到父组件的参数的。控制台会显示：undefault...
vue引入组件无法显示且报错[Vue warn]: Do not use built-in or reserved HTML elements as component id: a
qq_38143787的博客
04-17 2586
vue在引入组件后报错 原因：vue里面不允许用特殊的标签来做自定义的标签，包括路由里面的配置，也不能使用特殊的标签名。 解决方案： import header from '@/components/a'; export default{ components: { 'v-a': a } }; 解决方案可以自定义标签，使用起来较方便，还有一种方式是自定义指令directive...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值