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

时间:2024-10-30 10:31:12

这个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上的表单

在这里插入图片描述

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