浏览器控制报告：[Vue warn]: Do not use built-in or reserved HTML elements as component id: text

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

这个这个错误不影响页面正常渲染，但会导致浏览器控制台不干净。
报错： [Vue warn]: Do not use built-in or reserved HTML elements as component id: text

一、原因

vue使用组件的时候 浏览器的控制台一直报告该错误；该错误主要是由于vue的组件name与html元素冲突导致。只要用到这个组件都会报错
在这里插入图片描述

二、解决方法

将该方法重新命名，改为特定含义的name名称。就可以成功解决了。
例如:
在这里插入图片描述

~有趣的行业~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-html-to-paper:Vue mixin for paper printing html elements
05-12
Vue HTML到Paper Vue mixin用于纸张打印html元素。 用 :red_heart: 乔佛森·拉米雷斯·提克
permission.js
04-14
Vue的权限管理Premission，单个文件，里面详细介绍了该页面的路由跳转，以及Token指令退出，登出，配置白名单等相应操作，逻辑简单。可以下载浏览
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
最新发布
qq_45796592的博客
04-17 155
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
使用Vue组件问题汇总
weixin_43254265的博客
10-17 586
vue.runtime.esm.js:588 [Vue warn]: Do not use built-in or reserved HTML elements as component id: button 不要使用内置的或保留的HTML元素作为组件ID。有一种情况是组件的name选项设置为HTML元素button。在使用递归组件时需要设置组件的name选项。 ...
Do not use built-in or reserved HTML elements as component id: dd报错 解决方法
YZJ_Peter的博客
06-22 548
Do not use built-in or reserved HTML elements as component id: dd报错
vue name命名错误 Do not use built-in or reserved HTML elements as component
god_sword_的博客
08-05 3308
在项目中我使用的是header 作为组件名称，但是在前端html中这个是内置组件来的，名称已被占用不能再使用这些名称了。这里指的是components的名称命名不正确。若引用改了还是报错啦，可以查看下vue页面的。把命名修改一下，避免名称冲突就好了。是不是也名称冲突了。
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标签区分开 方法一、 方法二、 ...
vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 4813
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
[Vue warn]: Do not use built-in or reserved HTML elements as component id: text
m0_54198676的博客
09-26 279
今天写导航栏出现了一个小问题，对于强迫症来说很是恶心，话不多说解决方法： 看到name：“text”了吗！组件的命名和html标签重复，找到了问题直接解决； 方法①：直接删除name："text"； 方法②：修改text，不要和Html标签重复； 因为是小问题所以解决起来也很简单，主要是看着能舒服 ...
[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 引入子组件报错的问题
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...
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...
vue-use-utilities:Vue composition-api实用程序的集合
03-11
yarn add @vue/composition-api @vueblocks/vue-use-core -S or npm i @vue/composition-api @vueblocks/vue-use-core -S # Vue 3 yarn add @vueblocks/vue-use-core -S or npm i @vueblocks/vue-use-core -S :...
vueuse-vue3-example:VueUse和Vue3工作示例
05-06
VueUse Vue3示例 + 的 :globe_with_meridians: :package: :package:安装克隆此存储库yarn yarn dev 在浏览器中打开执照
vue报错： Do not use built-in or reserved HTML elements as component id:title
simpleMan8023的博客
06-24 571
Do not use built-in or reserved HTML elements as component id:title
vue 出现：Do not use built-in or reserved HTML elements as component id: footer问题
且听风吟的博客
07-05 3541
vue引入自定义组件错误 初学vue阶段，学习container布局时，想自定义Footer组件，引入App.vue之后发生了错误，浏览器报错： 浏览器的[vue warn]错误，一般都是组件渲染出现了问题。 bug修改前源码： 查找资料，发现了原因：vue里面不允许使用 Html已有的标签作为自定义标签 因为模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有...
[Vue warn]: Do not use built-in or reserved HTML elements as component id: details
wind_linjie的博客
03-18 2942
报错信息 不要使用内置或保留的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 1336
原因是组件命名错误，不能用内置的名称来命名。这样浏览器控制台就不报错啦！
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、付费专栏及课程。

余额充值