首页 前端知识 [Vue warn]: Do not use built-in or reserved HTML elements as component id:

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

2025-03-14 12:03:22 前端知识 前端哥 538 669 我要收藏

这个Vue警告信息表明不要将内置或保留的HTML元素名称用作组件的ID。在Vue中,组件的ID应该是唯一的,以确保没有冲突。很可能是一个保留字或者是一个内置的HTML元素名称,所以Vue拒绝了这样的用法。

解决方法:

更改组件的ID,使用一个独一无二的名称,确保它不是一个内置的HTML元素名称,也不是Vue的保留字。

如果你正在使用Vue 2.x版本,确保全局ID的唯一性,如果是在Vue 3.x中,则应该使用一个独一无二的name属性代替ID。

例如:

Vue.component('my-custom-component', {
  // ...
});

在这个例子中,my-custom-component就是一个不会与内置HTML元素冲突的组件ID。

组件的name不能与内置的HTML元素和Vue的保留字重名

例如:[Vue warn]: Do not use built-in or reserved HTML elements as component id: form
at <Form ref=“formDialogRef” onRefresh=fn >
【警告】:不要使用内置的或保留的html元素作为组件标识:在刷新=fn上的表单

在这里插入图片描述

在这里插入图片描述
我这里选择去掉
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/23612.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!